zoukankan      html  css  js  c++  java
  • 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);

  • 相关阅读:
    Go语言趣学指南lesson3
    简单的>this
    多媒体查询
    解析对象原型链
    笑对人生,坐看云起云落
    HTML5
    javascript函数及作用域的小结
    不得不知call()和apply()
    浅谈弹性盒子布局
    编译原理实验(算符优先文法)
  • 原文地址:https://www.cnblogs.com/hdchangchang/p/3965368.html
Copyright © 2011-2022 走看看