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 相关文章推荐
我遇到的参数传递中 双引号单引号嵌套问题
Feb 11 Javascript
web网页按比例显示图片实现原理及js代码
Aug 09 Javascript
JQuery实现Ajax加载图片的方法
Dec 24 Javascript
JavaScript使ifram跨域相互访问及与PHP通信的实例
Mar 03 Javascript
JS获取复选框的值,并传递到后台的实现方法
May 30 Javascript
Bootstrap表单Form全面解析
Jun 13 Javascript
详解js的六大数据类型
Dec 27 Javascript
js读取本地文件的实例
Dec 22 Javascript
基于JavaScript实现每日签到打卡轨迹功能
Nov 29 Javascript
create-react-app使用antd按需加载的样式无效问题的解决
Feb 26 Javascript
Vue渲染过程浅析
Mar 14 Javascript
vue页面引入three.js实现3d动画场景操作
Aug 10 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中常见的mongodb查询操作
2013/06/20 PHP
php的curl封装类用法实例
2014/11/07 PHP
php中执行系统命令的方法
2015/03/21 PHP
thinkPHP5.0框架URL访问方法详解
2017/03/18 PHP
对laravel in 查询的使用方法详解
2019/10/09 PHP
javascript Discuz代码中的msn聊天小功能
2008/05/25 Javascript
javascript常用方法、属性集合及NodeList 和 HTMLCollection 的浏览器差异
2010/12/25 Javascript
基于jquery的地址栏射击游戏代码
2011/03/10 Javascript
用JS做的简单的可折叠的两级树形菜单
2013/09/21 Javascript
JS不间断向上滚动效果代码
2013/12/25 Javascript
javascript中HTMLDOM操作详解
2014/12/11 Javascript
JavaScript实现重置表单(reset)的方法
2015/04/02 Javascript
JavaScript中的substr()方法使用详解
2015/06/06 Javascript
javascript实现查找数组中最大值方法汇总
2016/02/13 Javascript
基于jQuery Ajax实现上传文件
2016/03/24 Javascript
JS+CSS实现鼠标经过弹出一个DIV框完整实例(带缓冲动画渐变效果)
2016/03/25 Javascript
create-react-app安装出错问题解决方法
2018/09/04 Javascript
使用vue2.0创建的项目的步骤方法
2018/09/25 Javascript
详解Next.js页面渲染的优化方案
2019/01/27 Javascript
帮你彻底搞懂JS中的prototype、__proto__与constructor(图解)
2019/08/23 Javascript
[05:31]DOTA2上海特级锦标赛主赛事第三日RECAP
2016/03/05 DOTA
Python守护线程用法实例
2017/06/23 Python
Queue 实现生产者消费者模型(实例讲解)
2017/11/13 Python
Python代码实现KNN算法
2017/12/20 Python
python: 判断tuple、list、dict是否为空的方法
2018/10/22 Python
python中的colorlog库使用详解
2019/07/05 Python
Django框架自定义模型管理器与元选项用法分析
2019/07/22 Python
利用python实现周期财务统计可视化
2019/08/25 Python
tensorflow 2.0模式下训练的模型转成 tf1.x 版本的pb模型实例
2020/06/22 Python
解决python对齐错误的方法
2020/07/16 Python
2014村务公开实施方案
2014/02/25 职场文书
婚前协议书范本
2014/04/15 职场文书
工程负责人任命书
2014/06/06 职场文书
2015大学生暑期实习报告
2015/07/13 职场文书
小学一年级班主任工作经验交流材料
2015/11/02 职场文书
小米11和iphone12哪个值得买?小米11对比iphone12评测
2021/04/21 数码科技