你知道Javascript中的nodeType是什么意思吗？

作者：andy0012019.10.31来源：Web前端之家浏览：14506评论:0

关键词：nodeType

你知道javascript中的nodeType是什么意思吗？一起来了解下吧。

nodeType是JavaScript中的一个HTML DOM属性。nodeType属性返回选定节点的节点类型，可以让我们知道、区分文档中的各个节点。

JavaScript中的所有节点类型都继承自Node类型，因此所有节点类型都共享相同的基本属性和方法。每个节点都有一个nodeType属性，用于表明节点的类型。

DOM(文档对象模型)可以将任何HTML和XML文档描绘成一个由多层node（节点）构成的结构。

在HTML DOM中每一部分都是节点：

HTML元素是元素节点
HTML中属性是属性节点
文本是文本节点
注释是注释节点

这时我们要给它区分开我们就可以使用HTML DOM的nodeType属性。

nodeType属性可用来区分不同类型的节点，比如元素, 文本和注释。该属性返回以数字值返回指定节点的节点类型。

如果节点是元素节点，则 nodeType 属性将返回 1。
如果节点是属性节点，则 nodeType 属性将返回 2。

节点类型常量

节点编号：	节点名称：
1	Element
2	Attribute
3	Text
4	CDATA Section
5	Entity Reference
6	Entity
7	Processing Instrucion
8	Comment
9	Document
10	Document Type
11	Document Fragment
12	Notation

返回值：字符串值，代表节点的节点类型。

示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script>
			window.onload = function() {
				let oshow = document.getElementById("show");
				let obox = document.getElementById("box");
				let lis = obox.getElementsByTagName("li");
				oshow.innerHTML = lis[1].nodeType;
			}
		</script>
	</head>
	<body>
		<div id="show"></div>
		<ul id="box">
			<li>文本1</li>
			<li>文本2</li>
		</ul>
	</body>

</html>

预览看下效果。

赏您的支持是我们创作的动力！