<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<title>Test</title>
</head>
<body>
<form name="form1" action="" >
<input type="text" name="name1" id="id1" />
<input type="text" name="name2" id="id2" />
</form>
<div id="result" ></div>
<script type="text/javascript">
var myform=document.forms.item(0);
var result=document.getElementById('result');
var mystr;
mystr=myform.elements.namedItem("id1").tagName;
result.appendChild(document.createTextNode(mystr));
result.appendChild(document.createElement("br"));
mystr=myform["id2"].tagName;
result.appendChild(document.createTextNode(mystr));
</script>
</body>
</html>
在W3C中，一般通过属性返回的元素集合叫HTMLCollection，如document.forms.通过方法返回的叫Node List,如getElementByTagName.
HTMLCollection可以通过item方法用索引访问，索引按深度优先排序，通namedItem方法按id访问（HTML4.01支持id和name,xhtml只有id）。而Node List只能通过item来访问
而实际中所有浏览器HTMLCollection的item方法既可以用id访问又可以用name访问
对于Node List，只有Chrome在XHTML下不能通过namedItem和name访问元素（用item仍然支持id访问）。其它浏览器与HTMLCollection访问方法完全相同
至于数组语法访问HTMLCollection和Node List未见W3C有相关说明，不过从实现上看数组访问的结果与item访问的结果完全一样，也可能数组是item和namedItem的合集。
建议不要在任何时候用name访问集合中的元素。用item时也不要用id和name访问元素，当用id访问元素时要用数组语法或namedItem方法(仅HTMLCollection)。不要用id和name访问Node List
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<title>Test</title>
</head>
<body>
<form name="form1" action="" >
<input type="text" name="name1" id="id1" />
<input type="text" name="name2" id="id2" />
</form>
<div id="result" ></div>
<script type="text/javascript">
var myform=document.getElementsByTagName("input");
var result=document.getElementById('result');
var mystr;
mystr=myform[0].tagName;
result.appendChild(document.createTextNode(mystr));
result.appendChild(document.createElement("br"));
mystr=myform.item(1).tagName;
result.appendChild(document.createTextNode(mystr));
</script>
</body>
</html>
分享到：
相关推荐
在讲解的过程中，涉及到JavaScript操作DOM节点的一些基本技巧和方法，如使用`getElementsByClassName`和`getElementsByTagName`等。 知识点详细说明如下： 1. `getElementsByClassName` 方法： `...
2. **解析节点数据**：通过DOM操作方法获取所需的节点数据。 3. **数据转换与存储**：将提取的数据转换为相应的Oracle表格式，并插入数据库表中。 ##### 4. 示例代码 ```sql DECLARE xml_doc DOMDocument := XML...
【标题】: "用于节点操作的API，颠覆原生操作HTML DOM节点的API" 【描述】: 敏捷开发是一种高效且灵活的软件开发方法，强调团队协作、迭代开发和快速响应变化。在敏捷开发中，软件项目被分解成多个小的、可测试的子...
DOM提供了多种节点操作方法： - `Node.getBaseURI()`：返回节点的绝对基准URI。 - `Node.getChildNodes()`：返回节点的子节点列表。 - `Node.getFirstChild()`：返回节点的第一个子节点。 - `Node.getLastChild()`...
其中，复制DOM节点是一个非常实用的操作。在本文中，我们将深入探讨使用jQuery复制DOM节点的方法，重点介绍clone()方法以及如何利用appendTo()方法将复制的节点追加到目标位置。 首先，clone()方法是jQuery中用于...
1. 创建DOM树：使用DOM API创建一个新的DOM树结构，这可能涉及到创建元素、属性和文本节点。 2. 修改DOM树：如果需要，可以通过DOM接口对已有的DOM树进行修改，添加、删除或更新节点。 3. 保存XML：调用DOM API的`...
2. **访问DOM节点** - **getElementById**：通过ID获取元素，如`document.getElementById('myId')`。 - **getElementsByClassName**：通过类名获取元素集合，如`document.getElementsByClassName('myClass')`。 -...
在本例中，"js dom操作节点仿视频网站文字幕动画代码"是一个项目，其目标是通过JavaScript实现与视频网站类似的文字幕动画效果。这种效果常见于在线视频平台，如字幕随着视频播放的时间动态显示和消失。 首先，我们...
DOM为这些节点提供了访问和操作的接口。 ### 获取DOM元素 1. `getElementById`：通过元素的ID属性获取单个元素。 2. `getElementsByTagName`：根据标签名获取一组元素，返回的是一个NodeList集合。 3. `...
在jQuery中，删除节点及其子节点是一个常见的操作，特别是在处理动态...当然，对于其他更复杂的情况，可能还需要结合其他DOM操作方法，如`detach()`（保存并移除元素）或`clone()`（复制元素）等，来实现更灵活的功能。
而DOM解析器则将整个XML文档加载到内存中形成一个树形结构，便于遍历和操作，适合小型或中型文件。 2. **创建XML文档**： DOM4J提供了丰富的API来创建新的XML文档，包括添加元素、属性、注释等。通过Element、...
DOM节点包括属性和方法，属性可以获取节点的名称、节点的值等信息，方法则允许我们执行节点的添加、删除和修改等操作。典型属性如`nodeType`可以告诉我们节点的类型，如元素节点的`nodeType`值为1，文本节点的值为3...
在现代React应用中，通常推荐使用ref来访问真实DOM节点。 4. `ReactDOM.createRoot()` 和 `ReactDOM.render()`：在React 16.8引入的并发模式中，`createRoot`用于创建一个可更新的根节点，以支持新的批量更新策略，...
总的来说，使用HTML5的canvas和SVG结合JavaScript库，可以从DOM节点生成可打印的分页PDF，这一过程涉及DOM操作、图形转换、布局计算和PDF生成等多个环节。通过熟练掌握这些技术，开发者可以为用户提供更加灵活和强大...
JavaScript中对DOM节点的操作是非常重要的基础知识，这些操作包括对文档对象模型（DOM）节点的访问、创建、修改和删除。DOM是W3C标准，为HTML和XML文档提供了一个可以被多种编程语言操作的接口，而在JavaScript中，...
DOM是一种标准，它提供了一种结构化的表示XML文档的方式，并允许程序和脚本通过API访问XML文档的各个部分。DOM将XML文档解析为一个可操作的对象模型，使得我们能够添加、修改或删除XML元素和属性。 首先，我们需要...
每个标签都可以被视为一个DOM节点，可以通过JavaScript来访问和操作这些节点。 #### DOM的挑战与应对策略 由于不同版本的DOM在各个浏览器中的支持程度不同，这给Web开发者带来了不小的挑战。为了确保网站能在多种...
解析后的XML文档被表示为`Document`对象，可以通过`element()`方法访问根元素： ```java Element rootElement = document.getRootElement(); ``` 获取子元素和遍历元素集合： ```java List<Element> elements...
这段代码展示了如何使用DOM4j从零开始构建一个XML文档，包括设置文档类型（DocType）、添加根元素以及后续元素和属性的操作流程。通过这种方式，开发人员能够灵活地生成满足特定需求的XML数据结构。