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 相关文章推荐
jQuery 操作XML入门
Dec 25 Javascript
IE8 中使用加速器(Activities)
May 14 Javascript
Javascript实现检测客户端类型代码封包
Dec 03 Javascript
JavaScript jquery及AJAX小结
Jan 24 Javascript
Bootstrap CSS组件之导航条(navbar)
Dec 17 Javascript
JS实现改变HTML上文字颜色和内容的方法
Dec 30 Javascript
Bootstrap模态窗口源码解析
Feb 08 Javascript
详解基于angular-cli配置代理解决跨域请求问题
Jul 05 Javascript
jQuery选择器特殊字符与属性空格问题
Aug 14 jQuery
我要点爆”微信小程序云开发之项目建立与我的页面功能实现
May 26 Javascript
vue+高德地图实现地图搜索及点击定位操作
Sep 09 Javascript
jQuery实现带进度条的轮播图
Sep 13 jQuery
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 和 XML: 使用expat函数(一)
2006/10/09 PHP
PHP 第一节 php简介
2012/04/28 PHP
PHP更安全的密码加密机制Bcrypt详解
2017/06/18 PHP
PHP 中魔术常量的实例详解
2017/10/26 PHP
Javascript JSQL,SQL无处不在,
2010/05/05 Javascript
javascript深入理解js闭包
2010/07/03 Javascript
jQuery源码分析-03构造jQuery对象-源码结构和核心函数
2011/11/14 Javascript
js onkeypress与onkeydown 事件区别详细说明
2012/12/13 Javascript
JavaScript控制Session操作方法
2013/01/17 Javascript
自己写的Javascript计算时间差函数
2013/10/28 Javascript
加载列表时jquery获取ul中第一个li的属性
2014/11/02 Javascript
jQuery中even选择器的定义和用法
2014/12/23 Javascript
PhotoShop给图片自动添加边框及EXIF信息的JS脚本
2015/02/15 Javascript
JS与jQuery遍历Table所有单元格内容的方法
2015/12/07 Javascript
浅谈JavaScript的内置对象和浏览器对象
2016/06/03 Javascript
概述jQuery的元素筛选
2016/11/23 Javascript
jQuery dateRangePicker插件使用方法详解
2017/07/28 jQuery
vue2 router 动态传参,多个参数的实例
2017/11/10 Javascript
详解vue3.0 diff算法的使用(超详细)
2020/07/01 Javascript
Nuxt 项目性能优化调研分析
2020/11/07 Javascript
[01:10]DOTA2亚洲邀请赛 征战号角响彻全场
2015/01/06 DOTA
Python生成随机密码的方法
2017/06/16 Python
Python smtplib实现发送邮件功能
2018/05/22 Python
用Python shell简化开发
2018/08/08 Python
解决pycharm回车之后不能换行或不能缩进的问题
2019/01/16 Python
python卸载后再次安装遇到的问题解决
2019/07/10 Python
Matplotlib 绘制饼图解决文字重叠的方法
2020/07/24 Python
利用Storage Event实现页面间通信的示例代码
2018/07/26 HTML / CSS
Larsson & Jennings官网:现代瑞士钟表匠
2018/03/20 全球购物
.NET初级开发工程师面试题
2014/04/18 面试题
C#面试题问题集
2016/04/02 面试题
新员工入职感言
2014/02/01 职场文书
财务学生的职业生涯发展
2014/02/11 职场文书
地陪导游欢迎词
2015/01/26 职场文书
工程款申请报告
2015/05/15 职场文书
Linux下使用C语言代码搭建一个简单的HTTP服务器
2022/04/13 Servers