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

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);