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 相关文章推荐
用javascript实现分割提取页面所需内容
May 09 Javascript
JavaScript isPrototypeOf和hasOwnProperty使用区别
Mar 04 Javascript
利用JQuery的load函数动态加载其它页面的内容的实现代码
Dec 14 Javascript
使用Json比用string返回数据更友好,也更面向对象一些
Sep 13 Javascript
新增加的内容是如何将div的scrollbar自动移动最下面
Jan 02 Javascript
深入理解Javascript中的自执行匿名函数
Jun 03 Javascript
ionic隐藏tabs的方法
Aug 29 Javascript
jquery心形点赞关注效果的简单实现
Nov 14 Javascript
基于Vue实例生命周期(全面解析)
Aug 16 Javascript
Angularjs中date过滤器失效的问题及解决方法
Jul 06 Javascript
iview tabs 顶部导航栏和模块切换栏的示例代码
Mar 04 Javascript
微信小程序:报错(in promise) MiniProgramError
Oct 30 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+mysql开源XNA 聚合程序发布 下载
2007/07/13 PHP
PHP中将字符串转化为整数(int) intval() printf() 性能测试
2020/03/20 PHP
jQuery+php实现ajax文件即时上传的详解
2013/06/17 PHP
Windows下wamp php单元测试工具PHPUnit安装及生成日志文件配置方法
2018/05/28 PHP
Thinkphp5.0框架视图view的循环标签用法示例
2019/10/12 PHP
基于jquery的无缝循环新闻列表插件
2011/03/07 Javascript
JavaScript 基础篇(一)
2012/03/30 Javascript
EXTjs4.0的store的findRecord的BUG演示代码
2013/06/08 Javascript
iframe子页面与父页面在同域或不同域下的js通信
2014/05/07 Javascript
jQuery页面加载初始化常用的三种方法
2014/06/04 Javascript
jQuery打印指定区域Html页面并自动分页
2014/07/04 Javascript
JavaScript使用slice函数获取数组部分元素的方法
2015/04/06 Javascript
详解JavaScript的回调函数
2015/11/20 Javascript
基于bootstrap实现广告轮播带图片和文字效果
2016/07/22 Javascript
vue2.0开发实践总结之疑难篇
2016/12/07 Javascript
简单实现js无缝滚动效果
2017/02/05 Javascript
jQuery实现文章图片弹出放大效果
2017/04/06 jQuery
Vuejs开发环境搭建及热更新【推荐】
2018/09/07 Javascript
JS Html转义和反转义(html编码和解码)的实现与使用方法总结
2020/03/10 Javascript
js代码编写无缝轮播图
2020/09/13 Javascript
python使用marshal模块序列化实例
2014/09/25 Python
Python格式化css文件的方法
2015/03/10 Python
python用TensorFlow做图像识别的实现
2020/04/21 Python
Python 发送邮件方法总结
2020/08/10 Python
python连接手机自动搜集蚂蚁森林能量的实现代码
2021/02/24 Python
amazeui树节点自动展开折叠面板并选中第一个树节点的实现
2020/08/24 HTML / CSS
美国受欢迎的眼影品牌:BH Cosmetics
2016/10/25 全球购物
美国新兴城市生活方式零售商:VILLA
2017/12/06 全球购物
Troy-Bilt官网:草坪割草机、吹雪机、分蘖机等
2019/02/19 全球购物
戴森西班牙官网:Dyson西班牙
2020/02/04 全球购物
DataReader和DataSet的异同
2014/12/31 面试题
应届毕业生的自我鉴定
2013/11/13 职场文书
工厂门卫岗位职责
2013/11/25 职场文书
道德大讲堂实施方案
2014/05/14 职场文书
义和团口号
2014/06/17 职场文书
MySQL root密码的重置方法
2021/04/21 MySQL