Question

我需要插入许多节点，并且应该将每个新节点添加为parrent的新firstChild节点;

我设法添加节点，但在列表的末尾：

var tr = document.createElement("tr");
                            tr.id = 'id' + data.id;
                            var content = '';
                            content += '<td>' + data.id + '</td><td>' + data.status + '</td>';
                            tr.innerHTML = content;

                            var tbody = document.getElementById('table_body_content').appendChild(tr);

我的表结构是：

<table id="monitor_robot" style="border:1px solid #eeeeee;">
    <thead>
        <tr>
            <td>ID</td>
            <td>STATUS</td>
        </tr>
    </thead>
    <tbody id="table_body_content">
    </tbody>
</table>

Answer 1

试试这个：没有prependchild，但这应该做的伎俩！

someParentObject.insertBefore(someChildObject,someParentObject.firstChild);

Answer 2

在尝试Nikolaj Zander的代码后，解决方案是：

                    var tr = document.createElement("tr");
                    tr.id = 'id' + data.id;
                    var content = '';
                    content += '<td>' + data.id + '</td><td>' + data.status + '</td>';
                    tr.innerHTML = content;

                    //var tbody = document.getElementById('table_body_content').appendChild(tr);
                    var tbody = document.getElementsByTagName('tbody')[0];
                    if (tbody.firstChild)
                        tbody.insertBefore(tr, tbody.firstChild);
                    else
                        tbody.appendChild(tr);

如何将新节点作为父节点的firstChild插入

2 个答案: