最近项目中要用到JavaScript去操作table动态添加行,现总结一下:
生成一个TR标签:
给TR设置class属性:
给TR添加事件:
生成一个TD标签:
在TD中插入内容:
生成一个TR标签:
- var newRow = document.getElementsByTagName('table')[0].insertRow();
- newRow.setAttribute('className','xxxxxx');
- newRow.onmouseover = function a(){};
- newRow.onmouseout = function b(){};
- newRow.onclick = function c(){};
- var newCell=newRow.insertCell();
- newCell.innerHTML='xxxxxxxxxxxxx';