您的位置：首页 > Web前端 > Node.js

DOM----nodeType,nodeName,nodeValue笔记

2015-11-29 14:17 711 查看

这两天认真系统的看DOM，看到nodeType,nodeName和nodeValue的知识，所以归纳整理一下，有错误请大家指出

。

首先是关于节点类型(nodeType)与对应的数值常量(可以判断节点的类型)：

Element，元素节点，例如html的各个标签，head、body、div等等，对应的数值常量为1，nodeValue值为null；

Attr，属性节点，例如div的属性,id、class等，对应的数值常量为2；

Text，文本节点，nodeName值为#text,对应的数值常量为3；

Comment，注释节点，指中的内容，nodeName值为#comment，对应的数值常量为8；

Document，文档节点，在网页中指整个html文档，一般包括文档类型节点<!doctype html>和元素节点html，对应的数值常量为9；

DocumentType，文档类型节点，nodeName值为doctype的名称，例如html，对应的数值常量为10，nodeValue为null；

DocumentFragment，文档片段节点，nodeName值为#document-fragment，对应的数值常量为11，nodeValue为null。

nodeName，获取节点的名字，nodeValue，获取节点的值。

简单的例子：

<script>

window.onload=function(){

var boxdiv=document.getElementById("box");

if(boxdiv.nodeType == 1){

console.log("this is a elementnode!");

}

var attrnode=boxdiv.attributes[0];

comsole.log(attrnode.nodeName+"/"+attrnode.nodeValue);

}

</script>

<body>

<div id="box"></div>

</body>

(ps:attributes获取的是属性对象的集合，而getAttribute()是获取某个属性的值，setAttribute()是设置某个属性的值。)

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript html dom

相关文章推荐

新的分享

章节导航