节点信息
每个节点都拥有包含着关于节点某些信息的属性。这些属性是：
- nodeName（节点名称）
- nodeValue（节点值）
- nodeType（节点类型）
nodeType
nodeType 属性可返回节点的类型。
最重要的节点类型是：
元素类型
节点类型
| 元素 |
1 |
| 属性 |
2 |
| 文本 |
3 |
| 注释 |
8 |
| 文档 |
9 |
在实际应用中，经常用到的就是元素节点、属性节点和文本节点了，下面我们通过小段代码进行讲解
1：元素节点
<HEAD>
<TITLE>空谷悠悠</TITLE>
</HEAD>
<BODY>
<table>
<tr>
<td id="john" name="myname">John</td>
<td>Doe</td>
<td id="jack">Jack</td>
</tr>
</table>
<script>
var d = document.getElementById("john");
alert(d.nodeType)
alert(d.nodeName)
alert(d.nodeValue)
</script>
</BODY>
</HTML>
分析运行结果，其三个属性的值分别为：
nodeType：ELEMENT_NODE
nodeType值：1
nodeName：元素标记名 //此处为TD
nodeValue：null
2：属性节点
<HEAD>
<TITLE>空谷悠悠</TITLE>
</HEAD>
<BODY>
<table>
<tr>
<td id="john" name="myname">John</td>
<td>Doe</td>
<td id="jack">Jack</td>
</tr>
</table>
<script>
var d = document.getElementById("john").getAttributeNode("name");
alert(d.nodeType)
alert(d.nodeName)
alert(d.nodeValue)
</script>
</BODY>
</HTML>
分析运行结果，其三个属性的值分别为：
nodeType：ATTRIBUTE_NODE
nodeType值：2
nodeName：属性名 // name
nodeValue：属性值 //myname
3:文本节点
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<table>
<tr>
<td id="john" name="myname">John</td>
<td>Doe</td>
<td id="jack">Jack</td>
</tr>
</table>
<script>
var d = document.getElementsByTagName("td")[0].firstChild
alert(d.nodeType)
alert(d.nodeName)
alert(d.nodeValue)
</script>
</BODY>
</HTML>
分析运行结果，其三个属性的值分别为：
nodeType：TEXT_NODE
nodeType值：3
nodeName：#text
nodeValue：文本内容 // John
分享到：
继续关注。。
相关推荐
1. **节点类型**：包括元素节点（Element Node）、文本节点（Text Node）、属性节点（Attribute Node）等。例如，`<div>`是一个元素节点，而`div`内的文本是文本节点。 2. **节点属性**：每个节点都有属性，如`...
这通常通过创建一个文本节点完成，然后将其附加到新创建的元素上： ```javascript var node = document.createTextNode('这是一个新段落。'); para.appendChild(node); ``` 最后，你需要找到一个已存在的元素，将...
理解并熟练掌握JavaScript操作DOM节点属性是成为合格前端开发者的关键技能之一。 通过示例4：操作节点属性的压缩包文件，你将能够深入学习这些概念，并通过实际代码示例进行实践，从而更好地理解和应用到自己的项目...
DOM节点主要分为几大类：元素节点（Element Node）、属性节点（Attribute Node）、文本节点（Text Node）、注释节点（Comment Node）以及处理指令节点（Processing Instruction Node）等。每个节点都有特定的属性和...
它们包含属性（属性节点）和子元素（元素节点、文本节点等）。 4. **属性节点**：属性节点存储元素的属性信息，如`class`、`id`等。可以通过元素节点获取其属性值，并进行修改。 5. **文本节点**：文本节点包含...
在DOM中，每个节点都有其特定的类型，例如元素节点、文本节点、属性节点等。元素节点是最重要的节点类型，它们通常对应HTML中的标签。例如，`<div>`就是一个元素节点。属性节点则存储了元素的属性信息，如`class`或`...
例如，元素节点、文本节点、属性节点等。 2. **节点操作**：介绍如何访问和操作这些节点，包括获取、创建、插入、删除和替换节点。这涵盖了`getElementById()`、`getElementsByTagName()`、`appendChild()`、`...
本篇内容主要讲解了如何使用DOM解析XML文档，并着重介绍了如何修改XML文档中的文本节点值和属性节点值。 首先，我们来看修改文本节点值的方法。文本节点在DOM中是通过其`nodeValue`属性来存储值的。例如，如果我们...
2. **节点与节点类型**：包括元素节点、属性节点、文本节点等，以及它们之间的关系和遍历方法。 3. **选择节点**：如何使用`getElementById`、`getElementsByTagname`、`querySelector`和`querySelectorAll`等方法...
对于元素节点，其值通常为`null`，而对于文本节点，它会返回文本内容。 **二、应用** 在示例中，我们访问了ID为"b1"的`<body>`元素，然后分别用`nodeName`、`nodeType`和`nodeValue`属性获取了它的名称、类型和值...
通过理解和掌握DOM中元素节点、文本节点和属性节点的概念和操作，开发者能够更加高效地编写交互式网页，增强用户体验。希望通过本文的介绍，大家能对DOM的模型节点有更加深刻的理解，并在实际开发中灵活运用。
- 属性节点：元素节点上的属性，如`<tag attr="value">`，"attr"就是属性节点。 - 文本节点：元素内的文本内容。 2. DOM解析流程： - 加载XML文档：使用DOM解析器将XML字符串或文件加载成内存中的DOM树。 - ...
构建过程将XML文档的结构转化为一系列的节点，包括元素节点、属性节点、文本节点等。DOM树的根节点是`Document`对象，所有其他的节点都挂在这个根节点下面。 在DOM中，有几种主要的节点类型： 1. 元素节点（Element...
2. **节点类型**：介绍DOM中的不同节点类型，包括元素节点、属性节点、文本节点、注释节点等，以及它们各自的特性。 3. **节点操作**：阐述如何创建、访问、修改和删除DOM树中的节点。这包括使用`getElementById`、...
首先，DOM（Document Object Model）是一种标准，它将网页内容表示为一个层级结构，每个部分都成为一个节点，如元素节点、文本节点、属性节点等。DOM提供了API，让开发者可以找到、修改、添加或删除这些节点，从而...
DOM提供了一种统一的方式来处理任何XML文档，无论文档大小，它都将其分解为一系列的节点，包括元素节点、属性节点、文本节点等。 1. **DOM基本概念** - **节点**：DOM将XML文档的每一个部分都看作一个节点，如元素...
JQuery查找DOM节点的方法详细讲解了利用jQuery选择器来定位和操作HTML文档对象模型（DOM）中的节点，涵盖了查找元素节点和属性节点的技巧。 首先，要理解DOM的概念。DOM是文档对象模型的缩写，它是一种以树形结构...
// 将文本节点追加到 "intro" 元素中 introElement.appendChild(message); ``` **结合使用示例：** ```javascript // 创建包含文本的文本节点 const message = document.createTextNode("Hello World"); // 创建一...
1. **DOM结构**：描述了DOM树是如何构建的，包括根节点、元素节点、文本节点、属性节点等不同类型的节点，以及它们之间的关系。 2. **DOM操作**：详述了如何通过JavaScript或其他语言访问和修改DOM元素，如`...