`
jeelee
  • 浏览: 637755 次
  • 性别: 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 实现checkbox全选/全不选
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    关于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 = ...

Magicbox
Global site tag (gtag.js) - Google Analytics