js中的rows和cells的使用

在使用JS时，经常会使用操作DOM树的方法来实现对HTML页面的修改，但在读取表格控件时，有一种简单的方法，就是通过获取tbody对象，此对象将行列的操作，作为二维数组来操作。

从网络中找到了些描述：

Table下面可以有thead和tbody两个分组对象，某些时候可以代替div使用，比如实现某部份表格隐藏。

tr是行，th或者td是列，这些对象构成表格阵列

每一个...就是我们所说得rows[id]

每一个...或者...就是cells[id]了

对于使用table来作为整个分组，我个人更喜欢tbody来代替table.

在table生命周期，只要我们知道tbody预设的id,我们就可以通过以下js代码获得这个tbody

document.getElementById(tbodyID);

js是弱类型语言，我们可以通过var一个对象来作为这个tbody的标记,然后就可以引用rows和cells了

var tbodyObj = document.getElementById(tbodyID);

tbodyObj.rows[rowID].cells[colID].innerText = "abcd";

tbodyObj.rows[rowID].cells[colID].innerHTML = "abcd

(innerHTML是指html代码，innerText是指显示的text);

js中的rows和cells的使用相关推荐

JS中的rows和cells
rows集合返回表格中所有行的一个数组: cells集合返回表格中所有单元格的一个数组. 语法 tableID.rows[rowsIndex] tableID.cells[cellsIndex] 例如 ...
JS学习笔记六：js中的DOM操作
1. JS学习笔记六:js中的DOM操作文章目录 1. JS学习笔记六:js中的DOM操作 1.1. 获取Dom节点 1.2. 元素属性的操作方式 1.3. DOM节点的创建.插入和删除 1.4. ...
JS中的DOM与BOM
一.Javascript组成 JavaScript的实现包括以下3个部分: ECMAScript(核心) 描述了JS的语法和基本对象. 文档对象模型 (DOM) 处理网页内容的方法和接口浏览器对象模 ...
js中document通过ID获取的一些使用方法
js中document通过ID获取的一些使用方法 document.getElementById("link").href; document.getElementById(&q ...
react性能优化方案_React灵敏且性能卓越的Spray + Akka解决方案，以“在Java和Node.js中发挥并发性和性能”...
react性能优化方案在我以前的文章中,我研究了一个虚拟的交易引擎,并将基于Java的阻止解决方案与基于Node.js的非阻止解决方案进行了比较. 在文章的结尾,我写道: 我怀疑随着Node.js的 ...
反应灵敏且性能卓越的Spray + Akka解决方案，以“在Java和Node.js中发挥并发性和性能”...
在我以前的文章中,我研究了一个虚拟的交易引擎,并将基于Java的阻止解决方案与基于Node.js的非阻止解决方案进行了比较. 在文章的结尾,我写道: 我怀疑在Node.js近期取得成功之后,越来越多的 ...
js中自定义对象、json对象、json字符串、普通js对象 --js学习那本书上的
4.7 自定义对象 JS除了内置对象之外,还允许我们程序自己定义属于我们自己的对象,在JS中自定义对象的方式有2种:通过构造器创建对象,通过初始化器创建对象. 4.7.1 构造器创建对象(原生JS对象 ...
js中自定义对象、json对象、json字符串、普通js对象
4.7 自定义对象 JS除了内置对象之外,还允许我们程序自己定义属于我们自己的对象,在JS中自定义对象的方式有2种:通过构造器创建对象,通过初始化器创建对象. 4.7.1 构造器创建对象(原生JS对象 ...
html遍历table tr,js中获取 table节点各tr及td的内容简单实例
js中获取 table节点各tr及td的内容简单实例 2019-01-06 编程之家 https://www.jb51.cc 编程之家收集整理的这篇文章主要介绍了js中获取 table节点各tr及td ...

js中的rows和cells的使用

js中的rows和cells的使用相关推荐

最新文章

热门文章