javascript - 如何将 'id'添加到tbody标签中？

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 中尝试了您的代码，并在 tbody 的 createElement 之后添加了 tbdy.id = 'testBody';。似乎对我有用。

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

图像 - Table HTML for the Chrome dev tools