Javascript遍历HtmlTable示例(包括内容和属性值)
2023-06-13 09:15:37 时间
1:遍历并输出Table中值
<tableid="tb"> <tr> <td></td> </tr> <tr> <td></td> </tr> </table> functionf() { vart=document.getElementById("tb").childNodes.item(0); for(vari=0;i<t.childNodes.length;i++) { for(varj=0;j<t.childNodes(i).childNodes.length;j++) { alert(t.childNodes(i).childNodes(j).innerText); } } }
2:遍历Table,读取CheckBox状态和其他Column值
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>UntitledPage</title></head><bodyonload="f()"> <scripttype="text/javascript"> functionf() { vart=document.getElementById("tb").childNodes.item(0); for(vari=0;i<t.childNodes.length;i++) { alert(t.childNodes(i).firstChild.firstChild.nodeValue); alert(t.childNodes(i).childNodes[1].firstChild.checked); } } </script> <tableid="tb"> <tr> <tdstyle="width:122px"> 1234</td> <tdstyle="width:89px"> <inputtype="checkbox"/></td> <tdstyle="width:210px"> </td> </tr> <tr> <tdstyle="width:122px;height:21px"> 2234</td> <tdstyle="width:89px;height:21px"> <inputtype="checkbox"checked="CHECKED"/></td> <tdstyle="width:210px;height:21px"> </td> </tr> <tr> <tdstyle="width:122px"> 3234</td> <tdstyle="width:89px"> <inputtype="checkbox"/></td> <tdstyle="width:210px"> </td> </tr> </table> </body> </html>
相关文章
- JavaScript 字符串方法与属性(上)
- JavaScript 数组常用属性和方法(上)
- 给 Javascript 加上面向对象的属性:Class.js
- J2CL:一款将 Java 编译成 JavaScript 的工具详解编程语言
- javascript jssdk退出微信的方法详解编程语言
- 对javascript基本对象的属性以及方法的实例介绍
- 插件:检测javascript的内存泄漏
- 用javascript实现分割提取页面所需内容
- javascript获取特定的CSS属性值
- 编写高性能的JavaScript脚本的加载与执行
- JavaScript随机设置表单的发送地址
- JavaScript的document对象和window对象详解
- JavaScript中的style.display属性操作
- 浅析JavaScript中的CSS属性及命名规范
- 解析JavaScript中delete操作符不能删除的对象
- 如何在JavaScript中实现私有属性的写类方式(一)
- javascript和jquery修改a标签的href属性
- 中止javascript执行的方法
- JavaScript控制各种浏览器全屏模式的方法、属性和事件介绍
- JavaScript和CSS交互的方法汇总
- JavaScript中用字面量创建对象介绍
- javascript里绝对用的上的字符分割函数总结
- 浅谈javascript函数属性和方法