×

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

作者:andy0012019.10.31来源:Web前端之家浏览:14588评论: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。

节点类型常量

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

返回值:字符串值,代表节点的节点类型。

示例:

<!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>

预览看下效果。

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/jsdf2348203984098.html

网友评论文明上网理性发言 已有0人参与

发表评论: