JS遍历Table

最新推荐文章于 2022-12-21 07:33:26 发布

原创最新推荐文章于 2022-12-21 07:33:26 发布 · 3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#table #数据结构 #function #html

JS/前端专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一个用于遍历HTML表格数据的JavaScript函数，并展示了如何通过该函数获取表格中的所有元素值。此外，还提到了将遍历得到的数据存储在一维对象数组中的方法。

function iteratorTable(tablename){
        for(var i=1;i<tablename.rows.length;i++){    
          for(var j=0;j<tablename.rows[i].cells.length;j++){
            alert(tablename.rows[i].cells[j].innerText);
          }
        }
      }

调用方法：

iteratorTable(document.getElementById("mytable"));

说明：

在html页面上有一个id=“mytable"的table，调用iteratorTable函数，可以alert所有元素。这就是table的遍历。

下一节写写js中的数据结构，然后我们可以把table中的值放在一个一维对象数组中