使用vanilla JavaScript的jQuery prepend（）函数替代

Question

我正在尝试将<tr><th>{...}</th><td>{...}</td></tr>添加到以下html元素：

<table>
   <tbody>
        // Prepend element here...
        <tr>
            <th>Something here</th>
            <td>{...}</td>
        </tr>
        <tr>
            <th>Another thing here</th>
            <td>{...}</td>
        </tr>
    </tbody>
</table>

我怎样才能将上面列出的元素添加到<tbody>利用vanilla js？

Answer 1

var parentNode = document.querySelector('tbody'),
newChild = document.createElement('button'),
refChild = parentNode.firstElementChild;
parentNode.insertBefore(newChild, refChild);

Answer 2

如果你给我一个我（我的例子中的'tbody元素），你可以尝试这样的事情......

var tbody = document.getElementById('tbodyElement');
tbody.innerHTML = '<tr><th>{...}</th><td>{...}</td></tr>' + tbody.innerHTML;