js给表格增加一行总结
来源:互联网 发布:安卓微信数据恢复大师 编辑:程序博客网 时间:2024/06/06 00:44
大概看了一下网上对表格增加一行的js方法,基本上有两个方法
其中用到的childNodes方法在IE下与火狐下得到的DOM不同,table节点下均有tbody节点,但是IE获得tbody为表格Dom.childNodes[0], 火狐获得tbody为表格Dom.childNodes[1]。故需要两种写法
<script type="text/javascript">
function addRow1(){
var myTab = document.getElementById("myTab"); //"myTab"为表格的id
var index = myTab.rows.length;
//alert(index); //table共有几行
//var cellsize = myTab.childNodes[1].childNodes[0].cells.length; //火狐下
var cellsize = myTab.childNodes[0].childNodes[0].cells.length; //IE下
alert(cellsize); //一行有几列
var objRow = myTab.insertRow(index);
//var objCell = objRow.insertCell(0);
//objCell.innerHTML= "行号:"+index +"列号:1";
//var objCell = objRow.insertCell(1);
//objCell.innerHTML= "行号:"+index +"列号:2";
//var objCell = objRow.insertCell(2);
//objCell.innerHTML= "行号:"+index +"列号:3";
//var objCell = objRow.insertCell(3);
//objCell.innerHTML= "行号:"+index +"列号:4";
for(var i=0;i<cellsize;i++){
var objCell = objRow.insertCell(i);
objCell.innerHTML = i ;
}
objCell.style.color = "red";
}
var rowNum = 0;
function addRow2(){
var myTab = document.getElementById("myTab");
var objRow = document.createElement("tr");
for(var i=0;i<3;i++){
var objCell = document.createElement("td");
var tn = document.createTextNode(rowNum);
objCell.appendChild(tn);
objRow.appendChild(objCell);
}
rowNum++;
myTab.childNodes[0].appendChild(objRow); //IE
myTab.childNodes[1].appendChild(objRow); //火狐
}
</script>
- js给表格增加一行总结
- JS 动态给表格增加/删除一行
- js操作表格操方法,增加,修改,删除,一行记录
- JS 根据表格(TABLE)模板增加一行(ROW)
- js+jquery实现增加或删除表格中的一行数据
- 表格动态增加一行和删除一行
- js控制增加一行
- js 动态增加表格
- js 动态增加表格
- JS动态增加表格
- js操作表格操方法,增加,删除行,上移,下移一行选定行
- HTML表格动态增加一行/删除/修改
- jQuery 点击按钮,表格增加一行。
- js 动态表格添加一行删除一行
- js表格最后添加一行
- jQuery动态增加表格一行和删除一行
- jQuery 实现表格最后增加一行和删除最后一行
- jQuery动态增加表格一行和删除一行
- 信号完整性:PCB走线宽度变化产生的反射
- Oracle管理专题之:用于监控Session、process、Lock的几个SQL语句
- 文件属性函数stat/fstat/lstat
- C Run Time--crt0.o 分析
- 世博会==人多
- js给表格增加一行总结
- multiple definition of...
- 张卫健被胃癌,自我炒作还是微波账户被盗?娱乐圈被死亡事件大揭秘
- typeof & Nan & ==
- C# AppDomain.CurrentDomain.BaseDirectory
- 很有用的面试知识---面试100问(不仅仅是面试)
- VC生成静态库release版比debug版库文件尺寸更大的原因
- 分享一个java正则验证类
- MFC获取时间