<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script language="JavaScript">
function test1() {
var node = document.getElementById("imgid2");
var pimg = node.parentNode.firstChild;
var inpu = node.parentNode.nextSibling;
alert(pimg.value);
alert(inpu.value);
}
</script>
</head>
<body>
<div>
<a id ="aid">
<img id ="imgid" value="img1" />
<img id ="imgid2" value="img2" />
</a>
<input type="text" value="input"/>
</div>
<input type="button" value="GOGO" onClick="test1();" />
</body>
</html>
分享到：
相关推荐
* firstChild：等同于 childNodes[0]，表示该节点的第一个子节点 * lastChild：等同于 childNodes[childNodes.length-1]，表示该节点的最后一个子节点 * previousSibling：表示该节点的前一个同级节点 * nextSibling...
- 遍历DOM树：掌握traversal方法，如parentNode、childNodes、firstChild、lastChild等。 3. **事件处理** - 事件模型：了解DOM事件模型，包括冒泡和捕获阶段。 - 事件监听和触发：使用addEventListener和...
- 子节点：`firstChild`获取第一个子节点（包括非元素节点），`firstElementChild`获取第一个元素子节点，`lastChild`获取最后一个子节点，`lastElementChild`获取最后一个元素子节点，`childNodes`获取所有子节点...
根据提供的文件信息，我们可以梳理出以下关于 JavaScript 与 XML 相关的知识点： ### 一、JavaScript 和 XML DOM 的基础知识 #### 1. 创建 XML DOM 对象 在 Internet Explorer 浏览器中，可以通过 `new ...
* firstChild：第一个子节点引用 * lastChild：最后一个子节点引用 * parentNode：父节点 * nextSibling：下一个邻居节点 * previousSibling：上一个邻居节点 * nodeName：节点名 * nodeType：节点类型 * nodeValue...
- `firstChild`, `lastChild`, `nodeName`, `nodeValue`, `nodeType`, `nextSibling`, `parentNode`: 这些属性帮助遍历和操作DOM树，例如查找或操作元素的第一个子节点、最后一个子节点，获取元素的类型和值等。...
1. parentObj.firstChild：如果节点为已知节点（parentObj）的第一个子节点就可以使用这个方法。 2. parentObj.lastChild：这个属性是获取已知节点（parentObj）的最后一个子节点。 3. parentObj.childNodes：获取...
- **高级应用**：如 Prototype 和 MooTools 这样的 JavaScript 框架扩展了 JavaScript，提供了更简洁的语法 `$` 来替代 `document.getElementById()`。例如 `$('id')` 使得获取元素更加方便快捷。 2. **`document....
`parentNode`, `childNodes`, `firstChild`, `lastChild`, `previousSibling`, 和 `nextSibling`等属性帮助我们移动到树中的其他节点。这在需要处理多个相关元素时非常有用。 总的来说，理解和熟练掌握HTML DOM的...
### JavaScript 获取网页中指定节点的父节点、子节点的方法小结 #### 概述 在进行Web前端开发的过程中，我们经常需要对DOM树中的特定节点进行操作，比如更新其样式或内容。为了实现这一目标，JavaScript 提供了一...
16. firstChild/lastChild/nextSibling：这些属性用于遍历和操作Div元素的子节点。 17. hasMedia：检查Div元素是否包含HTML+TIME媒体元素，如音频或视频。 18. hideFocus：设置或获取是否隐藏Div元素的焦点状态，...
### JavaScript 节点操作详解 #### 一、基本概念 在进行JavaScript节点操作之前，我们首先需要了解一些基本的概念： - **Node**: DOM（文档对象模型）中的基本单位，可以是元素节点、属性节点、文本节点等。 - **...
### JavaScript 解析 XML 常用对象、属性与方法详解 在 Web 开发中，XML（可扩展标记语言）作为一种常见的数据交换格式被广泛应用。JavaScript 作为前端开发的主要语言之一，能够有效地处理 XML 数据，这对于实现...
4. **获取节点**: `QDomDocument`提供了一系列的方法如`QDomDocument::elementById()`, `QDomDocument::firstChildElement()`, `QDomNode::nextSibling()`等来遍历和获取XML树中的特定节点。 5. **添加节点**: 可以...
- `parentNode`, `childNodes`, `firstChild`, `lastChild`: 访问和遍历节点关系。 4. **属性操作** - `getAttribute()`, `setAttribute()`: 获取和设置元素属性值。 - `innerHTML` 和 `innerText`: 用于操作...
7. firstChild：返回当前节点的第一个子节点（只读） 8. Implementation：返回 XMLDOMImplementation 对象 9. lastChild：返回当前节点最后一个子节点（只读） 10. nextSibling：返回当前节点的下一个兄弟节点（只读...
```javascript var oHtml = document.documentElement; ``` 2. **获取`<head>`和`<body>`元素**: - `firstChild`: 返回当前节点的第一个子节点。 - `lastChild`: 返回当前节点的最后一个子节点。 - `...
* 下一个兄弟节点（nextSibling）：一个节点的下一个兄弟节点 * 是否有子节点（hasChildNodes()）：检测某节点是否存在子节点 1.3 操作节点 DOM 提供了多种方法来操作节点，包括： * 添加节点（appendChild()）：...
firstChild：返回当前元素的第一个下级子元素； lastChild：返回当前元素的最后一个子元素； nextSibling：返回紧跟在当前元素后面的元素； noedValue：指定表示元素值的读/写属性； parentNode：返回元素的父节点...
- `parentNode`、`childNodes`、`firstChild`、`lastChild`等属性，用于遍历和操作DOM树。 - `nextSibling`、`previousSibling`，帮助我们查找和操作相邻元素。 6. **正则表达式**： - 正则在JavaScript中用于...