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之二(两种扩展)
Jun 11 Javascript
javaScript复制功能调用实现方案
Dec 13 Javascript
深入document.write()与HTML4.01的非成对标签的详解
May 08 Javascript
js定时器(执行一次、重复执行)
Mar 07 Javascript
CSS3,HTML5和jQuery搜索框集锦
Dec 02 Javascript
js实现简单的选项卡效果
Feb 23 Javascript
微信小程序 选项卡的简单实例
May 24 Javascript
详解如何让Express支持async/await
Oct 09 Javascript
基于jquery.page.js实现分页效果
Jan 01 jQuery
Vue中Axios从远程/后台读取数据
Jan 21 Javascript
vue中更改数组中属性,在页面中不生效的解决方法
Oct 30 Javascript
解决vue项目 build之后资源文件找不到的问题
Sep 12 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 skymvc 一款轻量、简单的php
2011/06/28 PHP
PHP文件大小格式化函数合集
2014/03/10 PHP
PHP实现C#山寨ArrayList的方法
2015/07/16 PHP
javascript jQuery $.post $.ajax用法
2008/07/09 Javascript
javascript语言结构小记(一)
2011/09/10 Javascript
jquery通过closest选择器修改上级元素的方法
2015/03/17 Javascript
浅谈JavaScript函数的四种存在形态
2016/06/08 Javascript
jQuery实现底部浮动窗口效果
2016/09/07 Javascript
javascript数据类型详解
2017/02/07 Javascript
详解Vue的computed(计算属性)使用实例之TodoList
2017/08/07 Javascript
jQuery的时间datetime控件在AngularJs中的使用实例(分享)
2017/08/17 jQuery
React实践之Tree组件的使用方法
2017/09/30 Javascript
基于JavaScript实现抽奖系统
2018/01/16 Javascript
vue实现引入本地json的方法分析
2018/07/12 Javascript
Vue项目安装插件并保存
2019/01/28 Javascript
vue自定义js图片碎片轮播图切换效果的实现代码
2019/04/28 Javascript
超轻量级的js时间库miment使用解析
2019/08/02 Javascript
深入webpack打包原理及loader和plugin的实现
2020/05/06 Javascript
JavaScript交换变量的常用方法小结【4种方法】
2020/05/07 Javascript
[03:56]还原FTP电影首映式 DOTA2群星拼出遗迹世界
2014/03/26 DOTA
Python 制作糗事百科爬虫实例
2016/09/22 Python
python中redis查看剩余过期时间及用正则通配符批量删除key的方法
2018/07/30 Python
Python使用字典实现的简单记事本功能示例
2019/08/15 Python
django中media媒体路径设置的步骤
2019/11/15 Python
python实现批量修改文件名
2020/03/23 Python
Keras 实现加载预训练模型并冻结网络的层
2020/06/15 Python
Lands’ End英国官方网站:高质量男女服装
2017/10/07 全球购物
高中军训感言200字
2014/02/23 职场文书
中学生运动会口号
2014/06/07 职场文书
社区创先争优承诺书
2014/08/30 职场文书
领导班子在批评与自我批评座谈会上的发言
2014/09/28 职场文书
政风行风评议工作总结
2014/10/21 职场文书
JS实现简单控制视频播放倍速的实例代码
2021/04/18 Javascript
基于CSS3画一个iPhone
2021/04/21 HTML / CSS
python图像处理基本操作总结(PIL库、Matplotlib及Numpy)
2021/06/08 Python
Go中的条件语句Switch示例详解
2021/08/23 Golang