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 相关文章推荐
一直复略了的一个问题,关于表单重复提交
Feb 15 Javascript
jquery ui dialog实现弹窗特效的思路及代码
Aug 03 Javascript
使用javascript创建快捷方式的简单实例
Aug 09 Javascript
jquery滚动特效集锦
Jun 03 Javascript
jQuery实现可高亮显示的二级CSS菜单效果
Sep 01 Javascript
基于iscroll.js实现下拉刷新和上拉加载效果
Nov 28 Javascript
JavaScript错误处理和堆栈追踪详解
Apr 18 Javascript
JavaScript实现前端分页控件
Apr 19 Javascript
vuejs使用FormData实现ajax上传图片文件
Aug 08 Javascript
在vue中获取微信支付code及code被占用问题的解决方法
Apr 16 Javascript
javascript实现动态时钟的启动和停止
Jul 29 Javascript
js实现的在本地预览图片功能示例
Nov 09 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
php读取目录及子目录下所有文件名的方法
2014/10/20 PHP
PHP+MySQL使用mysql_num_rows实现模糊查询图书信息功能
2018/05/31 PHP
laravel框架数据库操作、查询构建器、Eloquent ORM操作实例分析
2019/12/20 PHP
Thinkphp 框架配置操作之动态配置、扩展配置及批量配置实例分析
2020/05/15 PHP
javascript 复杂的嵌套环境中输出单引号和双引号
2009/05/26 Javascript
javascript 必知必会之closure
2009/09/21 Javascript
JS实现仿百度输入框自动匹配功能的示例代码
2014/02/19 Javascript
遮罩层点击按钮弹出并且具有拖动和关闭效果(两种方法)
2015/08/20 Javascript
js+canvas绘制五角星的方法
2016/01/28 Javascript
简单理解JavaScript中的封装与继承特性
2016/03/19 Javascript
全面解析Bootstrap中tab(选项卡)的使用方法
2016/06/06 Javascript
模拟javascript中的sort排序(简单实例)
2016/08/17 Javascript
BootStrap实现带有增删改查功能的表格(DEMO详解)
2016/10/26 Javascript
基于BootStrap multiselect.js实现的下拉框联动效果
2017/07/28 Javascript
JavaScript通过mouseover()实现图片变大效果的示例
2017/12/20 Javascript
详解Angular5 路由传参的3种方法
2018/04/28 Javascript
JS实现简单的星期格式转换功能示例
2018/07/23 Javascript
vue基础之事件简写、事件对象、冒泡、默认行为、键盘事件实例分析
2019/03/11 Javascript
js 判断当前时间是否处于某个一个时间段内
2019/09/19 Javascript
JavaScript设计模式之门面模式原理与实现方法分析
2020/03/09 Javascript
vue点击标签切换选中及互相排斥操作
2020/07/17 Javascript
linux环境下python中MySQLdb模块的安装方法
2017/06/16 Python
在python中pandas读文件,有中文字符的方法
2018/12/12 Python
python 实现读取一个excel多个sheet表并合并的方法
2019/02/12 Python
解决安装python3.7.4报错Can''t connect to HTTPS URL because the SSL module is not available
2019/07/31 Python
win10环境下配置vscode python开发环境的教程详解
2019/10/16 Python
html5之Canvas路径绘图、坐标变换应用实例
2012/12/26 HTML / CSS
我有一个char * 型指针正巧指向一些int 型变量, 我想跳过它们。 为什么如下的代码((int *)p)++; 不行?
2013/05/09 面试题
农行实习自我鉴定
2013/09/22 职场文书
学生会主席事迹材料
2014/01/28 职场文书
益达广告词
2014/03/14 职场文书
工商企业管理专业自荐信范文
2014/04/12 职场文书
《开国大典》教学反思
2014/04/19 职场文书
质量安全标语
2014/06/07 职场文书
公司副总经理岗位职责
2015/04/08 职场文书
员工聘用合同范本
2015/09/21 职场文书