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);

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值