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 数据类型转换(parseInt,parseFloat)
Jul 20 Javascript
Web前端设计模式  制作漂亮的弹出层
Oct 29 Javascript
JavaScript Scoping and Hoisting 翻译
Jul 03 Javascript
让javascript加载速度倍增的方法(解决JS加载速度慢的问题)
Dec 12 Javascript
AngularJS之自定义服务详解(factory、service、provider)
Apr 14 Javascript
ES6新特性四:变量的解构赋值实例
Apr 21 Javascript
JS+WCF实现进度条实时监测数据加载量的方法详解
Dec 19 Javascript
详解使用VueJS开发项目中的兼容问题
Aug 02 Javascript
vue el-table实现行内编辑功能
Dec 11 Javascript
JavaScript实现简单的图片切换功能(实例代码)
Apr 10 Javascript
微信小程序自定义tabBar的踩坑实践记录
Nov 06 Javascript
Vue.Draggable实现交换位置
Apr 07 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的explode和implode的使用说明
2011/07/17 PHP
PHP类中的魔术方法(Magic Method)简明总结
2014/07/08 PHP
php基于闭包实现函数的自调用(递归)实例分析
2016/11/11 PHP
360搜索引擎自动收录php改写方案
2018/04/28 PHP
PHP Include文件实例讲解
2019/02/15 PHP
用PHP的反射实现委托模式的讲解
2019/03/22 PHP
jquery下实现overlay遮罩层代码
2010/08/25 Javascript
jQuery1.5.1 animate方法源码阅读
2011/04/05 Javascript
jQuery实现炫酷的鼠标轨迹特效
2015/02/01 Javascript
NodeJS创建基础应用并应用模板引擎
2016/04/12 NodeJs
完美实现八种js焦点轮播图(上篇)
2016/07/18 Javascript
Swiper自定义分页器使用详解
2017/12/28 Javascript
Vue.js最佳实践(五招助你成为vuejs大师)
2018/05/04 Javascript
Vue递归实现树形菜单方法实例
2018/11/06 Javascript
详解jQuery设置内容和属性
2019/04/11 jQuery
JS实现判断数组是否包含某个元素示例
2019/05/24 Javascript
Vue实现点击按钮复制文本内容的例子
2019/11/09 Javascript
Threejs实现滴滴官网首页地球动画功能
2020/07/13 Javascript
初探TensorFLow从文件读取图片的四种方式
2018/02/06 Python
Python实现替换文件中指定内容的方法
2018/03/19 Python
使用Python处理Excel表格的简单方法
2018/06/07 Python
基于python3实现socket文件传输和校验
2018/07/28 Python
django开发post接口简单案例,获取参数值的方法
2018/12/11 Python
python3.x提取中文的正则表达式示例代码
2019/07/23 Python
python 使用cx-freeze打包程序的实现
2020/03/14 Python
Python实现一个简单的毕业生信息管理系统的示例代码
2020/06/08 Python
什么是python的必选参数
2020/06/21 Python
纯html5+css3下拉导航菜单实现代码
2013/03/18 HTML / CSS
Otticanet英国:最顶尖的世界名牌眼镜, 能得到打折季的价格
2019/02/10 全球购物
蜜蜂引路教学反思
2014/02/04 职场文书
竞选班干部演讲稿300字
2014/08/20 职场文书
2014年学生工作总结
2014/11/20 职场文书
2014年妇女工作总结
2014/12/06 职场文书
社区敬老月活动总结
2015/05/07 职场文书
2016年基层党支部书记公开承诺书
2016/03/25 职场文书
关于CentOS 8 搭建MongoDB4.4分片集群的问题
2021/10/24 MongoDB