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 相关文章推荐
js 颜色选择器(兼容firefox)
Mar 05 Javascript
JavaScript限定复选框的选择个数示例代码
Aug 25 Javascript
使用CDN和AJAX加速WordPress中jQuery的加载
Dec 05 Javascript
基于js中的原型(全面讲解)
Sep 19 Javascript
React Native 截屏组件的示例代码
Dec 06 Javascript
JavaScript 判断对象中是否有某属性的常用方法
Jun 14 Javascript
Vue插件从封装到发布的完整步骤记录
Feb 28 Javascript
教你完全理解ReentrantLock重入锁
Jun 03 Javascript
layui checkbox默认选中,获取选中值,清空所有选中项的例子
Sep 02 Javascript
JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例
Nov 18 jQuery
Vue中this.$nextTick的作用及用法
Feb 04 Javascript
Vue proxyTable配置多个接口地址,解决跨域的问题
Sep 11 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开发框架总结收藏
2008/04/24 PHP
php win下Socket方式发邮件类
2009/08/21 PHP
php中smarty区域循环的方法
2015/06/11 PHP
PHP按指定键值对二维数组进行排序的方法
2015/12/22 PHP
获取客户端电脑日期时间js代码(jquery)
2012/09/12 Javascript
javascript eval(func())使用示例
2013/12/05 Javascript
jQuery中queue()方法用法实例
2014/12/29 Javascript
jQuery+Ajax实现限制查询间隔的方法
2016/06/07 Javascript
js实现简单的二级联动效果
2017/03/09 Javascript
原生JS实现获取及修改CSS样式的方法
2018/09/04 Javascript
vue-cli监听组件加载完成的方法
2018/09/07 Javascript
Nodejs实现用户注册功能
2019/04/14 NodeJs
微信公众平台 客服接口发消息的实现代码(Java接口开发)
2019/04/17 Javascript
JS实现滑动插件
2020/01/15 Javascript
简单了解Vue computed属性及watch区别
2020/07/10 Javascript
[04:10]2018年度CS GO玩家最喜爱的主播-完美盛典
2018/12/16 DOTA
python实现的防DDoS脚本
2011/02/08 Python
常见的python正则用法实例讲解
2016/06/21 Python
利用aardio给python编写图形界面
2017/08/21 Python
Python文本特征抽取与向量化算法学习
2017/12/22 Python
python Web开发你要理解的WSGI &amp; uwsgi详解
2018/08/01 Python
matlab中imadjust函数的作用及应用举例
2020/02/27 Python
Django分组聚合查询实例分享
2020/04/29 Python
pandas处理csv文件的方法步骤
2020/10/16 Python
HTML5之SVG 2D入门7—SVG元素的重用与引用
2013/01/30 HTML / CSS
利用HTML5绘制点线面组成的3D图形的示例
2015/05/12 HTML / CSS
HTML5公共页面提取作为公用代码的方法
2020/06/30 HTML / CSS
Pop In A Box英国:Funko POP搪胶公仔
2019/05/27 全球购物
技术总监个人的自我评价范文
2013/12/18 职场文书
共产党员公开承诺践诺书
2014/05/28 职场文书
亲子运动会的活动方案
2014/08/17 职场文书
2016大学生党校学习心得体会
2016/01/06 职场文书
不会写演讲稿,快来看看这篇文章!
2019/08/06 职场文书
如何用Laravel包含你自己的帮助函数
2021/05/27 PHP
SpringCloud Feign请求头删除修改的操作代码
2022/03/20 Java/Android
「我的青春恋爱物语果然有问题。-妄言录-」第20卷封面公开
2022/03/21 日漫