javascript创建新节点方法

javascript创建新节点方法

<tbody>
    <tr>
        <td width="20"><input type="checkbox" /></td>
        <td>第二行</td>
    </tr>
</tbody>
创建tbody中的内容
var tr = document.createElement('tr');
var ck_td = document.createElement('td');
var txt_td = document.createElement('td');
var ck = document.createElement('input');
var todo = document.createTextNode('第二行');
ck_td.setAttribute('width','20');
ck.setAttribute('type','checkbox');
ck_td.appendChild(ck);
txt_td.appendChild(todo);
tr.appendChild(ck_td);
tr.appendChild(txt_td);
document.getElementsByTagName('tbody')[0].appendChild(tr);


其他方法

tr.parentNode;//得到tr的父节点
        tr.removeChild(td);//删除tr节点的子节点td
        tr.nextElementSibling;//tr的下一个同级元素
            tr.nextSibling;//tr的下一个同级元素//