JavaScript中怎么获取节点类型

JavaScript中怎么获取节点类型，针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

　　JavaScript怎样获取节点类型、节点名称和节点值

　　节点类型

　　DOM节点中，每个节点都拥有不同的类型。

　　W3C规范中常用的 DOM节点类型有以下几种：

　　节点类型 说明 值

　　元素节点 每一个HTML标签都是一个元素节点，如 div> 、 p>、ul>等 1

　　属性节点 元素节点(HTML标签)的属性，如 id 、class 、name 等。 2

　　文本节点 元素节点或属性节点中的文本内容。 3

　　注释节点 表示文档注释，形式为!-- comment text -->。 8

　　文档节点 表示整个文档(DOM 树的根节点，即 document ) 9

　　获取节点类型的语法：

　　nodeObject.nodeType

　　其中，nodeObject 为DOM节点(节点对象)。该属性返回以数字表示的节点类型，例如，元素节点返回 1，属性节点返回 2 。

　　例如，获取id="demo"的div>标签的节点类型：

　　?

　　1

　　document.getElementById("demo").nodeType;

　　该语句的返回值为 1 。

　　举例，获取元素节点和文本节点的类型值：

　　div id="demo1">点击这里显示节点类型/div>

　　script type="text/javascript">

　　document.getElementById("demo1").onclick=function(){

　　var divType=this.nodeType;

　　var textType=this.firstChild.nodeType; // this 指当前发生事件的HTML元素，这里是div>标签

　　alert(

　　"div>标签的节点类型是："+divType+"\n"+

　　"div>标签内部文本的节点类型是："+textType

　　);

　　}

　　/script>

　　JavaScript parentNode怎样获取父节点

　　语法：

　　nodeObject.parentNode

　　其中，nodeObject 为节点对象(元素节点)。

　　例如，获取 id="demo"的节点的父节点：

　　?

　　1

　　document.getElementById("demo").parentNode;

　　举例，获取 id="demo" 的节点的父节点：

　　div>

　　div id="demo">点击这里获取父节点/div>

　　/div>

　　script type="text/javascript">

　　document.getElementById("demo").onclick=function(){

　　var demoParent=this.parentNode;

　　alert(

　　"父节点的名称是："+demoParent.nodeName+"\n"+

　　"父节点的类型是："+demoParent.nodeType

　　);

　　}

　　/script>

关于JavaScript中怎么获取节点类型问题的解答就分享到这里了，希望以上内容可以对大家有一定的帮助，如果你还有很多疑惑没有解开，可以关注亿速云行业资讯频道了解更多相关知识。