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 相关文章推荐
怎么让脚本或里面的函数在所有图片都载入完毕的时候执行
Oct 17 Javascript
div层的移动及性能优化
Nov 16 Javascript
基于jquery ajax 用户无刷新登录方法详解
Apr 28 Javascript
javascript实现图片切换的幻灯片效果源代码
Dec 12 Javascript
5个数组Array方法: indexOf、filter、forEach、map、reduce使用实例
Jan 29 Javascript
JS+CSS实现Div弹出窗口同时背景变暗的方法
Mar 04 Javascript
利用JavaScript脚本实现滚屏效果的方法
Jul 07 Javascript
轻松实现jquery选项卡切换效果
Oct 10 Javascript
AngularJS实现的生成随机数与猜数字大小功能示例
Dec 25 Javascript
Vue.js 2.0和Cordova开发webApp环境搭建方法
Feb 26 Javascript
微信小程序学习笔记之登录API与获取用户信息操作图文详解
Mar 29 Javascript
初试vue-cli使用HBuilderx打包app的坑
Jul 17 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
Laravel 5框架学习之路由、控制器和视图简介
2015/04/07 PHP
PHP实现的二分查找算法实例分析
2017/12/19 PHP
thinkphp5修改view到根目录实例方法
2019/07/02 PHP
window.open被浏览器拦截后的自定义提示效果代码
2007/11/19 Javascript
js null,undefined,字符串小结
2010/08/21 Javascript
js循环改变div颜色具体方法
2013/06/25 Javascript
jQuery如何防止这种冒泡事件发生
2015/02/27 Javascript
JQuery中基础过滤选择器用法实例分析
2015/05/18 Javascript
JavaScript运算符小结
2015/06/03 Javascript
javascript:void(0)是什么意思及href=#与href=javascriptvoid(0)的区别
2015/11/13 Javascript
Bootstrap Validator 表单验证
2016/07/25 Javascript
微信开发 使用picker封装省市区三级联动模板
2016/10/28 Javascript
javascript显示动态时间的方法汇总
2018/07/06 Javascript
微信小程序实现页面下拉刷新和上拉加载功能详解
2018/12/03 Javascript
javascript 原型与原型链的理解及实例分析
2019/11/23 Javascript
vue 封装 Adminlte3组件的实现
2020/03/18 Javascript
如何使用three.js 制作一个三维的推箱子游戏
2020/07/29 Javascript
js实现贪吃蛇小游戏(加墙)
2020/07/31 Javascript
[02:44]2014DOTA2 国际邀请赛中国区预选赛 大神红毯秀
2014/05/25 DOTA
python 不关闭控制台的实现方法
2011/10/23 Python
Python实现的朴素贝叶斯算法经典示例【测试可用】
2018/06/13 Python
python处理大日志文件
2019/07/23 Python
opencv resize图片为正方形尺寸的实现方法
2019/12/26 Python
python与c语言的语法有哪些不一样的
2020/09/13 Python
快速实现一个简单的canvas迷宫游戏的示例
2018/07/04 HTML / CSS
澳大利亚运动鞋零售商:The Athlete’s Foot
2018/11/04 全球购物
英国健身专家:WIT Fitness
2021/02/09 全球购物
期中考试后的反思
2014/02/08 职场文书
应届生自荐信范文
2014/02/21 职场文书
募捐倡议书
2014/04/14 职场文书
临床专业自荐信
2014/06/22 职场文书
交通工程专业推荐信
2014/09/06 职场文书
教师辞职书范文
2015/02/26 职场文书
致短跑运动员加油稿
2015/07/21 职场文书
《詹天佑》教学反思
2016/02/20 职场文书
HTML通过表单实现酒店筛选功能
2021/05/18 HTML / CSS