Javascript遍历table中的元素示例代码
更新时间：2014年07月08日 17:35:35 投稿：whsnow
这篇文章主要介绍了Javascript如何遍历table中的元素,需要的朋友可以参考下
例如：
<table id=tb> <tr><th> </th><th> </th><th> </th><th> </th></tr> <tr><td> </td><td> </td><td> </td><td> </td></tr> <tr><td> </td><td> </td><td> </td><td> </td></tr> </table>
而在JS中如何遍历赋值呢？
程序代码
var count=0;
for(i=0; i < document.getElementById("tb1").rows.length; i++)
{
for(j=0; j < document.getElementById("tb1").rows(i).cells.length; j++)
{
document.all.getElementById("tb1").rows(i).cells(j).innerText = count;
count++;
}
}
看到另一种用dom的方式 （但是自己试没有试出来，不知是什么原因）
<table id="mylist">
<tr><td>一个和尚有水喝。</td></tr>
<tr><td>两个和尚挑水喝。</td></tr>
<tr><td>三个和尚没水喝。</td></tr>
</table>
<script>
var msg=””
var mylist=document.getElementByIdx("mylist")
for (i=0; i<mylist.childNodes.length; i++){
var tr=mylist.childNodes[i];
for(j=0;j<tr.childNodes[j].length; j++) {
var td=tr.childNodes[j];
msg+=td.innerText;
}
}
alert(msg);
</script>
相关文章
Echo 是一个独立的 JavaScript 懒加载图像的工具，快速、体积小（不足1k）和使用 HTML5 的 data- 属性，通过本文给大家介绍JavaScript图像延迟加载库Echo.js ，感兴趣的朋友一起学习吧2016-04-04
这篇文章主要为大家详细介绍了js实现input密码框显示和隐藏功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-10-10
这篇文章主要介绍了使用JavaScript获取电池状态的方法,需要的朋友可以参考下2014-05-05
JavaScript中join()、splice()、slice()和split()函数用法示例
这篇文章主要介绍了JavaScript中join()、splice()、slice()和split()函数用法,结合实例形式较为详细的分析了join()、splice()、slice()和split()函数的功能、使用方法及相关操作注意事项,需要的朋友可以参考下2018-08-08
bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果
这篇文章主要给大家介绍了关于利用bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果的相关资料，文中给出了完整的示例代码供大家参考学习，对大家具有一定的参考学习价值，需要的朋友下面来一起看看吧。2017-06-06
IIFE 是 JavaScript 中一种重要的设计模式,适用于隔离作用域、避免全局变量污染以及一次性执行的逻辑,这篇文章主要介绍了JavaScript中的IIFE解析,需要的朋友可以参考下2024-12-12
这篇文章主要介绍了详解ES6中的Map与Set集合，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-03-03
这篇文章主要为大家想介绍了JavaScript中实现扁平与树形数据相互转换的方法，文中的示例代码讲解详细，对我们学习JavaScript有一定的帮助，需要的可以参考一下2023-01-01
之前小编和大家分享了SVG中如何配合使用text和tspan来实现换行的功能，所以这篇文章对此功能进行一下封装，以后就可以直接用了。有需要的朋友们可以参考借鉴，下面来一起看看吧。2016-10-10
这篇文章主要介绍了JS实现发送短信验证后按钮倒计时功能防止刷新倒计时失效问题，在项目开发中经常会用到此功能，下面小编通过本文给大家分享JS实现发送短信验证后按钮倒计时功能(防止刷新倒计时失效)，需要的朋友参考下吧2017-07-07
最新评论