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表单验证框架的方法
Sep 14 Javascript
BootStrap中Datetimepicker和uploadify插件应用实例小结
May 26 Javascript
JS验证图片格式和大小并预览的简单实例
Oct 11 Javascript
浅谈jquery采用attr修改form表单enctype不起作用的问题
Nov 25 Javascript
js正则表达式惰性匹配和贪婪匹配用法分析
Dec 26 Javascript
React Native之TextInput组件解析示例
Aug 22 Javascript
详解在WebStorm中添加Vue.js单文件组件的高亮及语法支持
Oct 21 Javascript
简单理解Vue中的nextTick方法
Jan 30 Javascript
JS算法题之查找数字在数组中的索引位置
May 15 Javascript
Vue触发隐藏input file的方法实例详解
Aug 14 Javascript
vue-element-admin 菜单标签失效的解决方式
Nov 12 Javascript
vue使用refs获取嵌套组件中的值过程
Mar 31 Vue.js
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
实现树状结构的两种方法
2006/10/09 PHP
图象函数中的中文显示
2006/10/09 PHP
如何删除多级目录
2006/10/09 PHP
php 方便水印和缩略图的图形类
2009/05/21 PHP
php数组函数序列之array_unique() - 去除数组中重复的元素值
2011/10/29 PHP
有关phpmailer的详细介绍及使用方法
2013/01/28 PHP
一个好用的PHP验证码类实例分享
2013/12/27 PHP
Windows下PHP开发环境搭建教程(Apache+PHP+MySQL)
2016/06/13 PHP
PHP编译configure时常见错误的总结
2017/08/17 PHP
php实现微信支付之现金红包
2018/05/30 PHP
js通过googleAIP翻译PHP系统的语言配置的实现代码
2011/10/17 Javascript
JavaScript制作淘宝星级评分效果的思路
2020/06/23 Javascript
javascript中this用法实例详解
2017/04/06 Javascript
JS实现读取xml内容并输出到div中的方法示例
2018/04/19 Javascript
vue中如何实现后台管理系统的权限控制的方法示例
2018/09/19 Javascript
js构造函数constructor和原型prototype原理与用法实例分析
2020/03/02 Javascript
JS中的const命令你真懂它吗
2020/03/08 Javascript
Vue 实现一个简单的鼠标拖拽滚动效果插件
2020/12/10 Vue.js
利用python获取Ping结果示例代码
2017/07/06 Python
pandas获取groupby分组里最大值所在的行方法
2018/04/20 Python
django基础学习之send_mail功能
2019/08/07 Python
Python3操作YAML文件格式方法解析
2020/04/10 Python
Python基于codecs模块实现文件读写案例解析
2020/05/11 Python
Python脚本打包成可执行文件过程解析
2020/10/20 Python
css3实现圆锥渐变conic-gradient效果
2020/02/12 HTML / CSS
茵宝(Umbro)英国官方商店:英国足球服装生产商
2016/12/29 全球购物
全球性的在线购物网站:Zapals
2017/03/22 全球购物
Timberland俄罗斯官方网上商店:全球领先的户外品牌
2020/03/15 全球购物
优秀党支部事迹材料
2014/01/14 职场文书
酒店开业策划方案
2014/06/02 职场文书
幼儿园健康教育方案
2014/06/14 职场文书
中职毕业生自我鉴定范文(3篇)
2014/09/28 职场文书
终止或解除劳动合同及劳动关系的证明书
2014/10/06 职场文书
2015年扫黄打非工作总结
2015/05/13 职场文书
成事在人观后感
2015/06/16 职场文书
Java线程的6种状态与生命周期
2022/05/11 Java/Android