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判断元素是否存在的问题示例探讨
Jul 21 Javascript
JS JQUERY实现滚动条自动滚到底的方法
Jan 09 Javascript
深入学习JavaScript中的原型prototype
Aug 13 Javascript
浅析JavaScriptSerializer类的序列化与反序列化
Nov 22 Javascript
微信小程序组件 contact-button(客服会话按钮)详解及实例代码
Jan 10 Javascript
基于JavaScript实现复选框的全选和取消全选
Feb 09 Javascript
JS获取浮动(float)元素的style.left值为空的快速解决办法
Feb 19 Javascript
Javascript前端经典的面试题及答案
Mar 14 Javascript
vue生成token并保存到本地存储中
Jul 17 Javascript
在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法
Sep 24 Javascript
JS数组降维的实现Array.prototype.concat.apply([], arr)
Apr 28 Javascript
TypeScript魔法堂之枚举的超实用手册
Oct 29 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读取RSS feed的代码
2008/08/01 PHP
114啦源码(114la)不能生成地方房产和地方报刊问题4级页面0字节的解决方法
2012/01/12 PHP
Laravel+jQuery实现AJAX分页效果
2016/09/14 PHP
laravel 框架配置404等异常页面
2019/01/07 PHP
THINKPHP-Apache服务器中使用Alias虚拟目录URL重写 隐藏index.php
2021/03/09 PHP
JQuery实现自定义对话框的代码
2008/06/15 Javascript
Javascript模块化编程详解
2014/12/01 Javascript
Bootstrap插件全集
2016/07/18 Javascript
浅谈js-FCC算法Friendly Date Ranges(详解)
2017/04/10 Javascript
利用JavaScript实现栈的数据结构示例代码
2017/08/02 Javascript
JQuery 获取多个select标签option的text内容(实例)
2017/09/07 jQuery
vue组件通信传值操作示例
2019/01/08 Javascript
angular6根据environments配置文件更改开发所需要的环境的方法
2019/03/06 Javascript
js定义类的方法示例【ES5与ES6】
2019/07/30 Javascript
js利用iframe实现选项卡效果
2020/08/09 Javascript
Python中有趣在__call__函数
2015/06/21 Python
Python安装使用命令行交互模块pexpect的基础教程
2016/05/12 Python
python中requests使用代理proxies方法介绍
2017/10/25 Python
简单了解Django模板的使用
2017/12/20 Python
Python实现接受任意个数参数的函数方法
2018/04/21 Python
基于python3 OpenCV3实现静态图片人脸识别
2018/05/25 Python
pygame实现俄罗斯方块游戏
2018/06/26 Python
Python绘制KS曲线的实现方法
2018/08/13 Python
Window10下python3.7 安装与卸载教程图解
2019/09/30 Python
Pytorch实现的手写数字mnist识别功能完整示例
2019/12/13 Python
pytorch中的weight-initilzation用法
2020/06/24 Python
css3实现画半圆弧线的示例代码
2017/11/06 HTML / CSS
浅析CSS3 中的 transition,transform,translate之间区别和作用
2020/03/26 HTML / CSS
美国最大和最受信任的二手轮胎商店:Bestusedtires.com
2020/06/02 全球购物
如何在发生故障的节点上重新安装 SQL Server
2013/03/14 面试题
高中班长自我鉴定
2013/12/20 职场文书
上学迟到的检讨书
2014/01/11 职场文书
亲戚结婚的请假条
2014/02/11 职场文书
假如给我三天光明:舟逆水而行,人遇挫而达 
2019/10/29 职场文书
MySQL性能压力基准测试工具sysbench的使用简介
2021/04/21 MySQL
pandas中对文本类型数据的处理小结
2021/11/01 Python