js中的rows和cells的使用 dom历遍

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

Table下面可以有thead和tbody两个分组对象,某些时候可以代替div使用,比如实现某部份表格隐藏。
tr是行,th或者td是列,这些对象构成表格阵列
对于使用table来作为整个分组,我个人更喜欢tbody来代替table.
在table生命周期,只要我们知道tbody预设的id,我们就可以通过以下js代码获得这个tbodydocument.getElementByIdx_x(tbodyID);
js是弱类型语言,我们可以通过var一个对象来作为这个tbody的标记,然后就可以引用rows和cells

var tbodyObj = document.getElementByIdx_x(tbodyID);
tbodyObj.rows[rowID].cells[colID].innerText = "abcd";
tbodyObj.rows[rowID].cells[colID].innerHTML = "abcd";
(innerHTML是指html代码,innerText是指显示的text);

你可能感兴趣的:(js中的rows和cells的使用 dom历遍)