Question

我正在尝试动态地将'id'添加到tbody标签。如何动态地将'id'添加到tbody标签？这是代码：

function tableCreate() {
    var body = document.getElementsByTagName('body')[0];
    var tbl = document.createElement('table');
    tbl.style.width = '100%';
    tbl.setAttribute('border', '1');
    var tbdy = document.createElement('tbody');
    for (var i = 0; i < 3; i++) {
        var tr = document.createElement('tr');
        for (var j = 0; j < 2; j++) {
            if (i == 2 && j == 1) {
                break
            } else {
                var td = document.createElement('td');
                td.appendChild(document.createTextNode('\u0020'))
                i == 1 && j == 1 ? td.setAttribute('rowSpan', '2') : null;
                tr.appendChild(td)
            }
        }
        tbdy.appendChild(tr);
    }
    tbl.appendChild(tbdy);
    body.appendChild(tbl)
}

Answer 1

我在jsbin中尝试了您的代码，并在tbdy.id = 'testBody'; createElement之后添加了tbody。似乎为我工作。

https://jsbin.com/dibupewifa/edit?js,output

图片 - Table HTML for the Chrome dev tools

Answer 2

获取tbody标签后添加以下代码

tbdy.setAttribute（“id”，“myid”）;

Answer 3

看一下DOM属性。您需要在元素上设置一个属性id。

以下是更多相关信息： https://www.w3schools.com/jsref/prop_html_id.asp

正如你所说的，如果你想动态地为你的tbody设置一个Id，那么你需要做的就是在创建你的身体之后就像你已经完成的那样：

   var tbdy = document.createElement('tbody');

你需要为你的身体设置一个id，如下所示：

tbody.id = "something";

或

 tbody.setAttribute("id", "someDynamicId");

这样可行，因为Id是您应该阅读的DOM element properties的一部分。

如何在tbody标签中添加“id”？

3 个答案: