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 相关文章推荐
编辑浪子版表单验证类
May 12 Javascript
在jquery boxy中添加百度地图坐标拾取注意流程
Apr 03 Javascript
jquery专业的导航菜单特效代码分享
Aug 29 Javascript
js实现下拉列表选中某个值的方法(3种方法)
Dec 17 Javascript
Vue.js实战之使用Vuex + axios发送请求详解
Apr 04 Javascript
想用好React的你必须要知道的一些事情
Jul 24 Javascript
layUI实现列表查询功能
Jul 27 Javascript
el-select 下拉框多选实现全选的实现
Aug 02 Javascript
vue实现点击按钮切换背景颜色的示例代码
Jun 23 Javascript
Vue实现点击导航栏当前标签后变色功能
Aug 19 Javascript
手写Spirit防抖函数underscore和节流函数lodash
Mar 22 Javascript
JS实现页面炫酷的时钟特效示例
Aug 14 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
Discuz!5的PHP代码高亮显示插件(黑暗中的舞者更新)
2007/01/29 PHP
PHP目录函数实现创建、读取目录教程实例
2011/01/13 PHP
PHP中输出转义JavaScript代码的实现代码
2011/04/22 PHP
解析在PHP中使用mysqli扩展库对mysql的操作
2013/07/03 PHP
PHP连接数据库实现注册页面的增删改查操作
2016/03/27 PHP
php 使用html5实现多文件上传实例
2016/10/24 PHP
让innerText在firefox火狐和IE浏览器都能用的写法
2011/05/14 Javascript
javascript清空table表格的方法
2015/05/14 Javascript
jQuery遍历DOM节点操作之filter()方法详解
2016/04/14 Javascript
JavaScript数组合并的多种方法
2016/05/22 Javascript
jQuery实现的右下角广告窗体跟随效果示例
2016/09/16 Javascript
JS封装的选项卡TAB切换效果示例
2016/09/20 Javascript
js 作用域和变量详解
2017/02/16 Javascript
vue微信分享出来的链接点开是首页问题的解决方法
2018/11/28 Javascript
javascript设计模式之迭代器模式
2020/01/30 Javascript
使用React-Router实现前端路由鉴权的示例代码
2020/07/26 Javascript
Python找出文件中使用率最高的汉字实例详解
2015/06/03 Python
关于python pyqt5安装失败问题的解决方法
2017/08/08 Python
50行Python代码实现人脸检测功能
2018/01/23 Python
python opencv之SIFT算法示例
2018/02/24 Python
使用Python实现企业微信的自动打卡功能
2019/04/30 Python
如何基于Python实现数字类型转换
2020/02/07 Python
浅谈TensorFlow中读取图像数据的三种方式
2020/06/30 Python
python上selenium的弹框操作实现
2020/07/13 Python
Pycharm2020.1安装中文语言插件的详细教程(不需要汉化)
2020/08/07 Python
购买瑞典当代设计的腕表和太阳眼镜:TRIWA
2016/10/30 全球购物
英国50岁以上人群的交友网站:Ourtime
2018/03/28 全球购物
英国历史最悠久的DJ设备供应商:DJ Finance、DJ Warehouse、The DJ Shop
2019/09/04 全球购物
Tessabit日本:集世界奢侈品和设计师品牌的意大利精品买手店
2020/01/07 全球购物
瑞士男士时尚网上商店:Babista
2020/05/14 全球购物
在weblogic中发布ejb需涉及到哪些配置文件
2012/01/17 面试题
酒店实习个人鉴定
2013/12/07 职场文书
医院党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
工作态度不好检讨书
2015/05/06 职场文书
zabbix监控mysql的实例方法
2021/06/02 MySQL
Mybatis-plus在项目中的简单应用
2021/07/01 Java/Android