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 相关文章推荐
用javascript做拖动布局的思路
May 31 Javascript
JavaScript NaN和Infinity特殊值 [译]
Sep 20 Javascript
js随机颜色代码的多种实现方式
Apr 23 Javascript
jQuery实现可收缩展开的级联菜单实例代码
Nov 27 Javascript
Javascript 按位左移运算符使用介绍(
Feb 04 Javascript
详解maxlength属性在textarea里奇怪的表现
Dec 27 Javascript
AngualrJS中的Directive制作一个菜单
Jan 26 Javascript
js中变量的连续赋值(实例讲解)
Jul 08 Javascript
基于jQuery选择器之表单对象属性筛选选择器的实例
Sep 19 jQuery
微信小程序 input输入及动态设置按钮的实现
Oct 27 Javascript
利用vue.js实现被选中状态的改变方法
Feb 08 Javascript
深入解析vue 源码目录及构建过程分析
Apr 24 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
蝙蝠侠:侠影之谜
2020/03/04 欧美动漫
php输出echo、print、print_r、printf、sprintf、var_dump的区别比较
2013/06/21 PHP
PHP生成随机密码方法汇总
2015/08/27 PHP
thinkphp3.x中session方法的用法分析
2016/05/20 PHP
PHP处理Ajax请求与Ajax跨域问题
2017/02/13 PHP
ThinkPHP 3使用OSS的方法
2018/07/19 PHP
JavaScript Prototype对象
2009/01/07 Javascript
select、radio表单回显功能实现避免使用jquery载入赋值
2013/06/08 Javascript
JS父页面与子页面相互传值方法
2014/03/05 Javascript
JavaScript闭包实例讲解
2014/04/22 Javascript
用JavaScript实现一个代码简洁、逻辑不复杂的多级树
2014/05/23 Javascript
百度地图API之本地搜索与范围搜索
2015/07/30 Javascript
jQuery解析json数据实例分析
2015/11/24 Javascript
ionic实现带字的toggle滑动组件
2016/08/27 Javascript
Node.js通过身份证号验证年龄、出生日期与性别方法示例
2017/03/09 Javascript
详解nodejs爬虫程序解决gbk等中文编码问题
2017/04/06 NodeJs
JavaScript运动框架 多物体任意值运动(三)
2017/05/17 Javascript
基于vue2.x的电商图片放大镜插件的使用
2018/01/22 Javascript
vue.js的computed,filter,get,set的用法及区别详解
2018/03/08 Javascript
详解Angularjs 自定义指令中的数据绑定
2018/07/19 Javascript
解决VueCil代理本地proxytable无效报错404的问题
2020/11/07 Javascript
python实现文件快照加密保护的方法
2015/06/30 Python
如何处理Python3.4 使用pymssql 乱码问题
2016/01/08 Python
python实现简单http服务器功能
2018/09/17 Python
python实现弹窗祝福效果
2019/04/07 Python
Python Django框架实现应用添加logging日志操作示例
2019/05/17 Python
Django自带的加密算法及加密模块详解
2019/12/03 Python
opencv python 对指针仪表读数识别的两种方式
2021/01/14 Python
pytho matplotlib工具栏源码探析一之禁用工具栏、默认工具栏和工具栏管理器三种模式的差异
2021/02/25 Python
利用CSS3的border-radius绘制太极及爱心图案示例
2016/05/17 HTML / CSS
娇韵诗俄罗斯官方网站:Clarins俄罗斯
2020/10/03 全球购物
法律专业实习鉴定
2013/12/22 职场文书
反洗钱宣传活动总结
2014/08/26 职场文书
工作迟到检讨书范文
2015/05/06 职场文书
学生检讨书怎么写
2015/05/07 职场文书
剖析后OpLog订阅MongoDB的数据变更就没那么难了
2022/02/24 MongoDB