Javascript遍历table中的元素示例代码


Posted in Javascript onJuly 08, 2014

例如:

<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>
Javascript 相关文章推荐
JS操作select下拉框动态变动(创建/删除/获取)
Jun 02 Javascript
常用js字符串判断方法整理
Oct 18 Javascript
jQuery遍历DOM元素与节点方法详解
Apr 14 Javascript
小白谈谈对JS原型链的理解
May 03 Javascript
精彩的Bootstrap案例分享 重点在注释!(选项卡、栅格布局)
Jul 01 Javascript
使用JS批量选中功能实现更改数据库中的status状态值(批量展示)
Nov 22 Javascript
Reactjs实现通用分页组件的实例代码
Jan 19 Javascript
深入理解vue-loader如何使用
Jun 06 Javascript
js canvas实现放大镜查看图片功能
Jun 08 Javascript
JavaScript寄生组合式继承原理与用法分析
Jan 11 Javascript
javascript执行上下文、变量对象实例分析
Apr 25 Javascript
vue实现自定义多选按钮
Jul 16 Javascript
JavaScript遍历table表格中的某行某列并打印其值
Jul 08 #Javascript
一个简单的全屏图片上下打开显示网页效果示例
Jul 08 #Javascript
JavaScript通过元素的ID和name设置样式
Jul 08 #Javascript
jquery中each方法示例和常用选择器
Jul 08 #Javascript
使用jQuery的attr方法来修改onclick值
Jul 07 #Javascript
bootstrap data与jquery .data
Jul 07 #Javascript
函数式 JavaScript(一)简介
Jul 07 #Javascript
You might like
PHP闭包实例解析
2014/09/08 PHP
PHP限制HTML内容中图片必须是本站的方法
2015/06/16 PHP
理解Javascript_15_作用域分配与变量访问规则,再送个闭包
2010/10/20 Javascript
jQuery 源码分析笔记(3) Deferred机制
2011/06/19 Javascript
Javascript实现重力弹跳拖拽运动效果示例
2013/06/28 Javascript
将input file的选择的文件清空的两种解决方案
2013/10/21 Javascript
node.js中的fs.unlink方法使用说明
2014/12/15 Javascript
浅析JS动态创建元素【两种方法】
2016/04/20 Javascript
JS对象是否拥有某属性如何判断
2017/02/03 Javascript
JS实现浏览器打印、打印预览示例
2017/02/28 Javascript
js实现下一页页码效果
2017/03/07 Javascript
纯JS实现图片验证码功能并兼容IE6-8(推荐)
2017/04/19 Javascript
微信小程序之网络请求简单封装实例详解
2017/06/28 Javascript
JS实现微信摇一摇原理解析
2017/07/22 Javascript
iframe高度自适应及隐藏滚动条的实例详解
2017/09/29 Javascript
Vue-Access-Control 前端用户权限控制解决方案
2017/12/01 Javascript
vue spa应用中的路由缓存问题与解决方案
2019/05/31 Javascript
vuex管理状态仓库使用详解
2020/07/29 Javascript
[49:18]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 OG vs TNC
2018/04/01 DOTA
Flask SQLAlchemy一对一,一对多的使用方法实践
2013/02/10 Python
Python自定义scrapy中间模块避免重复采集的方法
2015/04/07 Python
Python中subprocess模块用法实例详解
2015/05/20 Python
python3实现ftp服务功能(服务端 For Linux)
2017/03/24 Python
Python简单生成8位随机密码的方法
2017/05/24 Python
python 与服务器的共享文件夹交互方法
2018/12/27 Python
在python中使用with打开多个文件的方法
2019/01/07 Python
python实现小世界网络生成
2019/11/21 Python
Python pandas库中的isnull()详解
2019/12/26 Python
CSS3中的content属性使用示例
2015/07/20 HTML / CSS
应届毕业生个人求职信范文
2014/01/29 职场文书
领导班子自我剖析材料
2014/08/16 职场文书
贪污检举信范文
2015/03/02 职场文书
2016年党员学习廉政准则心得体会
2016/01/20 职场文书
数学复习课教学反思
2016/02/18 职场文书
Python多个MP4合成视频的实现方法
2021/07/16 Python
golang操作redis的客户端包有多个比如redigo、go-redis
2022/04/14 Golang