`
codsoul
  • 浏览: 212461 次
  • 性别: Icon_minigender_1
  • 来自: 珠海
社区版块
存档分类
最新评论

JS遍历HTML元素

阅读更多
最好给html数组加上id属性,然后使用document.all来进行遍历

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<SCRIPT type="text/javascript">
var objs = document.all['url'];
for(var i=0; i<objs.length; i++){
   window.alert(objs[i].value);
}
</SCRIPT>
</head>
<body>
<form name="form1">
    <input id = "url"name="url[]" type="text" value="url 1" size="60" />
    <inputid = "url"name="url[]" type="text" value="" size="60" />
    <input id = "url" name="url[]" type="text" value="url 3" size="60" />
</form>
</body>
</html>









































<HTML>
<head>
<SCRIPT LANGUAGE="JavaScript">
//遍历表格的每行每列
function viewCell()
{
    var count=1;                                                    //在表格中显示的内容
    for (i=0; i < document.all.tbl.rows.length; i++) {              //遍历每行
        for (j=0; j < document.all.tbl.rows(i).cells.length; j++) { //遍历行中的每一列
            document.all.tbl.rows(i).cells(j).innerText = count;    //在单元格显示数值
            count++;
        }
    }
alert(count);
}
</SCRIPT>
</head>
<BODY onLoad="viewCell()">
<TABLE id=tbl border=1 width="200">
<TR><TH>&nbsp;</TH><TH>&nbsp;</TH><TH>&nbsp;</TH><TH>&nbsp;</TH></TR>
<TR><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD></TR>
<TR><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD></TR>
</TABLE>
</BODY>
</HTML>
分享到:
评论

相关推荐

    遍历网页获取元素

    在IT领域,网页遍历和元素获取是一项基本的技能,特别是在网页自动化、数据抓取以及网络编程中。本文将深入探讨如何使用编程语言,如C++(以VC2008为例),来实现这一功能,同时结合表单的填写操作。 首先,我们...

    .遍历DOM元素

    本篇文章将深入探讨如何遍历DOM元素,包括不同遍历方法、遍历的应用场景以及注意事项。 一、DOM遍历方法 1. 前向遍历(深度优先遍历) 使用`childNodes`属性可以获取元素的所有子节点,包括文本节点和注释节点。...

    Javascript如何遍历一个文件夹下的所有文件与目录

    ### JavaScript遍历文件夹下的所有文件与目录 在JavaScript中,遍历文件夹下的所有文件与目录是一项常见的任务,尤其是在需要处理本地文件系统时。本文将详细介绍如何使用`Scripting.FileSystemObject`对象来实现这...

    遍历SVG元素属性

    基本属性包括id、class、style等,它们与HTML元素属性类似,用于标识、分类和样式化元素。特定于形状的属性,如fill、stroke、d等,则直接影响图形的填充色、边框和路径数据。 1. **id**:用于唯一标识SVG元素,常...

    js遍历td tr等html元素

    综上所述,掌握如何使用JavaScript遍历HTML元素,特别是`tr`和`td`元素,不仅需要了解如何通过DOM操作获取元素,还需要熟悉字符串处理和现代遍历方法。此外,良好的编程实践也是确保代码质量和性能的重要因素。

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

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

    html js 遍历一个文件夹里的指定类型的所有文件,查找文件夹中所有的html文件并可读取内容

    本话题主要关注如何使用JavaScript遍历一个文件夹,查找其中的所有HTML文件,并读取它们的内容。这里我们将深入探讨相关技术及其应用。 首先,JavaScript本身并不直接支持访问用户的本地文件系统,因为出于安全考虑...

    遍历DO元素

    遍历DOM元素是JavaScript和jQuery中常见的任务,用于查找、修改或者操作页面内容。本篇将详细探讨如何在jQuery中遍历和筛选DOM元素。 首先,我们来看3.1.1章节关于按索引筛选元素的方法: 1. `.eq(index)`:这个...

    JavaScript遍历DOM元素的常见方式示例

    在JavaScript中,遍历DOM(文档对象模型)元素是网页动态操作的核心技能之一。DOM是HTML和XML文档的编程接口,允许我们通过脚本访问和修改文档内容、结构和样式。本文将详细介绍几种常见的遍历DOM元素的方法,并通过...

    使用javascript遍历XML文件并显示

    这篇博客“使用javascript遍历XML文件并显示”探讨了如何利用JavaScript对XML文件进行读取和遍历,并将内容呈现在网页上。 首先,我们需要理解XML的基本概念。XML是一种自描述的、结构化的数据格式,用于存储和传输...

    广度优先遍历和深度优先遍历html文件.zip

    在“广度优先遍历和深度优先遍历html文件.zip”这个压缩包中,很可能包含的是一个示例代码或教程,展示了如何用JavaScript实现这两种遍历方法,并应用于HTML文件的处理。可能的文件内容包括: 1. 一个HTML文件,...

    JavaScript遍历数组和对象的元素简单操作示例

    JavaScript遍历数组和对象的元素简单操作示例中的知识点涵盖了如何利用JavaScript语言对数组和对象进行遍历操作。在JavaScript中,数组是基于零的、有序的集合,而对象则是键值对的集合。掌握数组和对象的遍历方法是...

    遍历网页中的节点 js+html

    本主题将深入探讨如何使用 JavaScript 来遍历HTML文档中的节点,这对于理解和操作网页内容至关重要。 首先,理解HTML节点是关键。HTML文档是由各种类型的节点组成的,包括元素节点(如`&lt;div&gt;`、`&lt;p&gt;`)、文本节点...

    遍历页面控件换CSS

    例如,以下是一段使用JavaScript遍历页面中所有元素的示例代码: ```javascript var elements = document.getElementsByTagName('*'); for (var i = 0; i ; i++) { console.log(elements[i]); } ``` 这段代码会...

    DOM应用---遍历网页中的元素

    **DOM应用---遍历网页中的元素** 在Web开发中,Document Object Model(DOM)是HTML和XML文档的结构化表示,它将网页内容抽象为一个树形结构,使得我们可以通过编程方式来操作这些元素。DOM提供了对网页内容的访问...

    用JQuery对元素赋值、遍历、追加、分割和找索引的代码实例

    本文将深入探讨如何使用jQuery进行元素赋值、遍历、追加、分割字符串以及查找索引,这些都是jQuery核心功能的重要部分。 ### 元素赋值 在jQuery中,使用`val()`方法可以方便地对表单元素(如输入框、文本区域)的...

    jQuery遍历DOM元素与节点方法详解

    在jQuery中,遍历DOM元素和节点是常见的任务,这有助于我们高效地查找、操作和管理页面上的元素。以下是对jQuery遍历DOM元素与节点方法的详细解释: **一、向上遍历(祖先元素)** 1. `$(selector).parent([filter...

    关于js遍历表格的实例

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

Global site tag (gtag.js) - Google Analytics