Question

我正在创建一个包含数据库中元素的表。我正在使用此函数来呈现HTML

中的元素

function tableToHTML(tableData) {
var table = document.createElement('table'), 
tableBody = document.createElement('tbody');

tableData.forEach(function(rowData) {
    var row = document.createElement('tr');

    rowData.forEach(function(cellData) {
        var cell = document.createElement('td');
        cell.appendChild(document.createTextNode(cellData));
        row.appendChild(cell);
    });

    tableBody.appendChild(row);
});

table.appendChild(tableBody);
document.body.appendChild(table);

}

我可以以某种方式将id或类属性分配给javascript中创建的tr或td吗？我正在使用Meteor框架，所以如果使用jQuery更简单，jQuery是公平的游戏。

Answer 1

您可以使用.className = 'class'分配课程，使用.id = 'ID'分配ID：

var elem = document.createElement('td')
elem.className = 'myClass'
elem.id = 'myId'

这将产生如下元素：

<td id="myId" class="myClass"></td>

你也可以使用jQuery的.addClass添加一个类，并使用.attr作为ID（查看答案here）

Answer 2

在jQuery中，您可以通过在对象参数中提供属性来创建一个对象并在一次调用中为其分配属性。

var cell = $("<td>", {
    "class": "myClass",
    "id": "myId"
});

使用javascript＆＃39的createElement函数分配DOM属性

2 个答案: