`
jeelee
  • 浏览: 637098 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

js 遍历表格

 
阅读更多
<html>
<head><title>遍历表格</title>

<script language="javascript">
   function getData()
   {
      var arrData=new Array();
      var objTable=document.getElementById("myTable");
      if(objTable)
      {
         for(var i=0;i<objTable.rows.length;i++)
         {
            for(var j=0;j<objTable.rows[i].cells.length;j++)
            {
                arrData[i]=objTable.rows[i].cells[j].innerText;
alert(arrData[i]);
            }
         }
      }
      //alert(arrData.join(","));
   }

</script>
</head>
<body>
<table border="1" id="myTable">
<tr><td>liu</td><td>jin</td><td>cai</td></tr>
<tr><td>liu2</td><td>jin2</td><td>cai2</td></tr>
<tr><td>liu3</td><td>jin3</td><td>cai3</td></tr>
</table>
<form>
<input type="button" value="getData" onclick="getData();" />
</form>
</body>
</html>

分享到:
评论

相关推荐

    关于js遍历表格的实例

    在现代网页开发中,JavaScript...本文对JavaScript遍历表格操作的实例进行了详细的分析,探讨了实现遍历的核心概念和技术要点。希望这些知识点能帮助网页开发者更有效地使用JavaScript和DOM来处理和操作HTML表格数据。

    JavaScript遍历table表格中的某行某列并打印其值

    在学习完如何使用JavaScript遍历表格后,用户可以理解JavaScript是如何操作DOM元素(即文档对象模型元素)的。DOM是一种与平台和语言无关的接口,它允许程序和脚本动态地访问和更新文档内容、结构以及样式。通过DOM ...

    js遍历获取表格内数据的方法(必看)

    然后通过嵌套循环遍历表格的每一行和每一行中的每一个单元格。内部循环中,我们首先检查对应行的数组是否已经创建,如果没有,则创建一个空数组。接着,将单元格的HTML内容`innerHTML`赋值给对应位置的数组元素。 ...

    Gridview用javascript遍历所有控件的例子

    总结来说,通过JavaScript遍历GridView中的控件,我们可以实现客户端的批量操作,如批量删除、更新和修改。这种做法提高了用户体验,因为操作无需刷新整个页面即可完成。同时,理解并熟练运用JavaScript、jQuery以及...

    JS使用for循环遍历Table的所有单元格内容

    在Web开发中,操作HTML表格是一项基础且常见的任务,而JavaScript为我们提供了通过DOM操作的方式来处理HTML...通过上述的介绍和代码示例,相信你已经对如何使用JavaScript遍历表格的所有单元格内容有了较为深入的理解。

    用JS控制表格的交替颜色.rar

    接下来,我们需要用JS遍历表格的每一行,并根据行的索引应用适当的类。以下是一个基本的JavaScript实现: ```javascript function applyAltColor(table) { for (var i = 0; i ; i++) { if (i % 2 === 0) { // ...

    用JS实现表格分隔条

    3. **遍历表格行**:使用JavaScript遍历表格的所有行,例如: ```javascript var table = document.getElementById('your_table_id'); var rows = table.getElementsByTagName('tr'); ``` 4. **插入分隔条**:...

    JavaScript遍历table的行和列

    JavaScript遍历table的行和列 JavaScript遍历table的行和列

    js表格变色制作表格隔行变色,滑过选中变色特效

    我们可以使用JavaScript遍历表格的所有行,通过检查行的索引来决定是否添加背景色。例如,对于奇数行,我们可以设置一种颜色,对于偶数行设置另一种颜色。以下是一个简单的实现示例: ```javascript var rows = ...

    Javascript如何递归遍历本地文件夹

    在JavaScript中,递归遍历本地文件夹通常用于获取文件系统中的文件信息,例如文件路径、文件名和最后修改时间等。以下是如何使用JavaScript实现这一功能的详细解释: 首先,我们要明白JavaScript本身并不具备直接...

    jq遍历table切换

    在本案例中,jQuery将帮助我们遍历表格中的行(tr)或单元格(td),并根据需求进行隐藏和显示的操作。 实现"jq遍历table切换"的核心步骤如下: 1. **引入jQuery库**:在HTML文件中引入jQuery库,通常通过CDN...

    js遍历数组、判断是否存在字符串.xlsm

    js遍历数组、判断是否存在字符串.xlsm

    js 获取表格内容

    #### 2.3 遍历表格获取所有单元格内容 在实际应用中,我们经常需要遍历整个表格来获取所有的单元格内容。这可以通过双重循环来实现: ```javascript var s3 = document.getElementsByTagName("table")[0]; // 获取...

    js合并表格相同数据列

    2. **遍历表格**:使用`for`循环遍历表格的所有行(`&lt;tr&gt;`元素),并访问每一行的单元格(`&lt;td&gt;`元素)。 3. **比较数据**:比较当前行与前一行的特定列(`&lt;td&gt;`)的文本内容,如果相同,则进行合并操作。 4. **合并...

    js动态添加表格逐行添加、删除、遍历取值的实例代码

    关于js对表格进行逐行添加,今天抽空整理了一下:新建一个html...,点击保存按钮的时候,遍历表格中所有行,把所有行的数据取出来弹框弹出展示,后期可根据需求传递到后台进行处理。 效果图: 源代码: &lt;!-- Cre

    js实现表格相同数据合并

    为了提升用户体验,我们可以利用JavaScript(js)以及jQuery库来实现表格相同数据的合并功能,使表格看起来更整洁、专业。 首先,我们要理解JavaScript的基本概念。JavaScript是一种轻量级的解释型编程语言,广泛...

    Javascript遍历Html Table示例(包括内容和属性值)

    本示例主要展示了如何使用JavaScript遍历表格的内容以及获取表元(cell)的属性值。以下将详细讲解这两种方法。 首先,我们来看第一种方法:遍历并输出Table中的内容。 ```javascript function f() { var t = ...

Global site tag (gtag.js) - Google Analytics