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 (六) jquery中的AJAX使用
Feb 23 Javascript
JS正则中的RegExp对象对象
Nov 07 Javascript
在每个匹配元素的外部插入新元素的方法
Dec 20 Javascript
JavaScript中判断整数的多种方法总结
Nov 08 Javascript
node.js中的fs.readdir方法使用说明
Dec 17 Javascript
简单封装js的dom查询实例代码
Jul 08 Javascript
js仿京东轮播效果 选项卡套选项卡使用
Jan 12 Javascript
vue组件化中slot的基本使用方法
May 01 Javascript
Node.js学习之内置模块fs用法示例
Jan 22 Javascript
浅谈JavaScript中的“!!”作用
Aug 03 Javascript
vue+echarts+datav大屏数据展示及实现中国地图省市县下钻功能
Nov 16 Javascript
vue自定义组件实现双向绑定
Jan 13 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
在线竞拍系统的PHP实现框架(二)
2006/10/09 PHP
PHP判断指定时间段的2个方法
2014/03/14 PHP
WordPress导航菜单的滚动和淡入淡出效果的实现要点
2015/12/14 PHP
javascript下有关dom以及xml节点访问兼容问题
2007/11/26 Javascript
Dojo 学习笔记入门篇 First Dojo Example
2009/11/15 Javascript
初学js 新节点的创建 删除 的步骤
2011/07/04 Javascript
jQuery中index()的用法分析
2014/09/05 Javascript
Javascript调用函数方法的几种方式介绍
2015/03/20 Javascript
jquery实现可自动收缩的TAB网页选项卡代码
2015/09/06 Javascript
JavaScript的React Web库的理念剖析及基础上手指南
2016/05/10 Javascript
客户端验证用户名和密码的方法详解
2016/06/16 Javascript
详解Vue生命周期的示例
2017/03/10 Javascript
vue左右侧联动滚动的实现代码
2018/06/06 Javascript
jQuery实现模拟搜索引擎的智能提示功能简单示例
2019/01/27 jQuery
使用post方法实现json往返传输数据的方法
2019/03/30 Javascript
微信小程序云开发实现数据添加、查询和分页
2019/05/17 Javascript
最简单的vue消息提示全局组件的方法
2019/06/16 Javascript
vue的滚动条插件实现代码
2019/09/07 Javascript
[03:57]DOTA2英雄梦之声_第03期_幻影刺客
2014/06/21 DOTA
[01:04:32]DOTA2-DPC中国联赛 正赛 Aster vs LBZS BO3 第二场 2月23日
2021/03/11 DOTA
Python for Informatics 第11章 正则表达式(一)
2016/04/21 Python
python SSH模块登录,远程机执行shell命令实例解析
2018/01/12 Python
pygame实现俄罗斯方块游戏(AI篇1)
2019/10/29 Python
wxpython布局的实现方法
2019/11/01 Python
Python函数参数类型及排序原理总结
2019/12/19 Python
python实现引用其他路径包里面的模块
2020/03/09 Python
Pycharm插件(Grep Console)自定义规则输出颜色日志的方法
2020/05/27 Python
keras输出预测值和真实值方式
2020/06/27 Python
be2台湾单身男女交友:全球网路婚姻介绍的领导品牌
2019/10/11 全球购物
舞蹈教育学专业推荐信
2013/11/27 职场文书
个人简历自荐信
2013/12/05 职场文书
学生请假条格式
2014/04/11 职场文书
事业单位个人总结
2015/02/12 职场文书
python中pandas对多列进行分组统计的实现
2021/06/18 Python
Kubernetes控制节点的部署
2022/04/01 Servers
vue实力踩坑之push当前页无效
2022/04/10 Vue.js