Javascript遍历Html Table示例(包括内容和属性值)_javascript技巧
1: 遍历并输出Table中值
<table id="tb">
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>
function f()
{
var t=document.getElementById("tb").childNodes.item(0);
for(var i=0;i< t.childNodes.length;i++)
{
for(var j=0;j<t.childNodes(i).childNodes.length;j++)
{
alert(t.childNodes(i).childNodes(j).innerText);
}
}
}2: 遍历Table，读取CheckBox状态和其他Column值
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Page</title> </head> <body onload="f()">
<script type="text/javascript">
function f()
{
var t=document.getElementById("tb").childNodes.item(0);
for(var i=0;i< t.childNodes.length;i++)
{
alert(t.childNodes(i).firstChild.firstChild.nodeValue);
alert(t.childNodes(i).childNodes[1].firstChild.checked);
}
}
</script>
<table id="tb">
<tr>
<td style="width: 122px">
1234</td>
<td style="width: 89px">
<input type="checkbox" /></td>
<td style="width: 210px">
</td>
</tr>
<tr>
<td style="width: 122px; height: 21px">
2234</td>
<td style="width: 89px; height: 21px">
<input type="checkbox" checked="CHECKED" /></td>
<td style="width: 210px; height: 21px">
</td>
</tr>
<tr>
<td style="width: 122px">
3234</td>
<td style="width: 89px">
<input type="checkbox" /></td>
<td style="width: 210px">
</td>
</tr>
</table>
</body>
</html>
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸！
热门文章
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
Java如何遍历文件夹并获取所有文件名
Mar 29, 2024 pm 01:24 PM
Java是一种流行的编程语言，具有强大的文件处理功能。在Java中，遍历文件夹并获取所有文件名是一种常见的操作，可以帮助我们快速定位和处理特定目录下的文件。本文将介绍如何在Java中实现遍历文件夹并获取所有文件名的方法，并提供具体的代码示例。1.使用递归方法遍历文件夹我们可以使用递归方法来遍历文件夹，递归方法是一种自身调用自身的方式，可以有效地遍历文件夹中
PHP glob()函数使用示例：遍历指定文件夹中的所有文件
Jun 27, 2023 am 09:16 AM
PHPglob()函数使用示例：遍历指定文件夹中的所有文件在PHP开发中，经常需要遍历指定文件夹中的所有文件，以实现文件批量操作或读取。PHP的glob()函数正是用来实现这种需求的。glob()函数可以通过指定一个通配符匹配模式，来获取指定文件夹中符合条件的所有文件的路径信息。在这篇文章中，我们将会演示如何使用glob()函数来遍历指定文件夹中的所有文件
Java Iterator 和 Iterable 的深入比较：优缺点分析
Feb 19, 2024 pm 04:20 PM
概念差异：Iterator：Iterator是一个接口，代表一个从集合中获取值的迭代器。它提供了MoveNext()、Current()和Reset()等方法，允许你遍历集合中的元素，并对当前元素进行操作。Iterable：Iterable也是一个接口，代表一个可迭代的对象。它提供了Iterator()方法，用于返回一个Iterator对象，以便于遍历集合中的元素。使用方式：Iterator：要使用Iterator，需要先获得一个Iterator对象，然后调用MoveNext()方法来移动到下一
如何使用Python实现二叉树的遍历
Jun 09, 2023 pm 09:12 PM
作为一种常用的数据结构，二叉树经常被用来存储数据、搜索和排序。遍历二叉树是非常常见的操作之一。Python作为一种简单易用的编程语言，有许多方法可以实现二叉树的遍历。本文将介绍如何使用Python实现二叉树的前序、中序和后序遍历。二叉树的基础在学习二叉树的遍历之前，我们需要了解二叉树的基本概念。二叉树由节点组成，每个节点都有一个值和两个子节点（左子节点和右子
Python 3.x 中如何使用os模块遍历目录中的文件
Jul 29, 2023 pm 02:57 PM
Python3.x中如何使用os模块遍历目录中的文件在Python中，我们可以使用os模块来进行文件和目录的操作。os模块是Python标准库中的一个重要模块，提供了许多和操作系统相关的功能。在本文中，我们将介绍如何使用os模块来遍历一个目录中的所有文件。首先，我们需要导入os模块：importos接下来，我们可以使用os.walk()函数来遍历目录。
在C++中递归插入和遍历链表
Sep 10, 2023 am 09:21 AM
我们得到了用于形成链表的整数值。任务是使用递归方法先插入然后遍历单链表。在末尾递归添加节点如果head为NULL→将节点添加到head否则添加到head(head→next)递归遍历节点如果head为NULL→退出否则打印(head→next)示例输入−1-2-7-9-10输出输出strong>−链表：1→2→7→9→10→NULL输入−12-21-17-94-18输出−链表：12→21→17→94→18→NULL下面程序中使用的方法如下在这种方法中，我们将使用函数添加节点并遍历单链表并递
Java Iterator 与 Iterable：解锁 Java 集合的强大力量
Feb 19, 2024 pm 07:00 PM
在Java中，集合（collection）是一组元素的集合，提供了统一的接口和方法来存储、检索和操作这些元素。Iterator和Iterable是两个重要的Java接口，它们提供了遍历集合元素的通用机制。Iterator接口定义了用于遍历集合的hasNext()和next()方法。hasNext()方法用于检查集合中是否还有未遍历的元素，next()方法用于返回当前元素并将其移至下一个元素。Iterable接口定义了iterator()方法，该方法返回一个Iterator对象，用于遍历集合中的元
vue3 table组件怎么使用
May 12, 2023 pm 09:40 PM
基础表格首先开发table组件之前，先想好要用什么样式的api，因为笔者在生产工作中用的都是element，所以前面几个组件风格和element类似，但是这次不打算用element的风格了，打算换一种，直接展示：我们期望用户这样使用：constdataList=[{id:1,name:'《JavaEE企业应用实战》',author:'dev1ce',price:'10.22',desc:
