首页 > 代码库 > nodeType、nodeName和nodeValue
nodeType、nodeName和nodeValue
首先了解一下DOM中有三大节点,分别是 元素节点,文本节点,属性节点
元素节点:构成了DOM的基础。文档结构中,<html>是根元素,代表整个文档,其他的还有<head>,<body>,<p>,<span>等等。元素节点之间可以相互包含(当然遵循一定的规则)
文本节点:包含在元素节点中。
属性节点:元素都可以包含一些属性,属性的作用是对元素做出更具体的描述,比如id,name之类的。
以下面的demo为例:
<script>window.onload = function(){ var element = document.getElementById("span"); var text = element.firstChild; var property = document.getElementById("span").getAttributeNode("id");}</script><body> <div> <span id="span">文本节点</span> </div></body>
(一)nodeName 属性含有某个节点的名称。
元素节点的 nodeName 是标签名称(返回的名称是大写的)
属性节点的 nodeName 是属性名称(返回的名称是大写的)
文本节点的 nodeName 永远是 #text
文档节点的 nodeName 永远是 #document
注释:nodeName 所包含的 XML 元素的标签名称永远是大写的
alert("这是元素节点的返回值:"+ element.nodeName);//返回的标签名SPAN,注意是大写的alert("这是文本节点的返回值:"+ text.nodeName);//返回的#textalert("这是属性节点的返回值:"+ property.nodeName);//返回的是属性名,这里是id
(二)nodeValue
对于文本节点,nodeValue 属性包含文本。
对于属性节点,nodeValue 属性包含属性值。
nodeValue 属性对于文档节点和元素节点是不可用的。
alert("这是元素节点的返回值:"+ element.nodeValue);//本身就没有意义,这里是试验下的,返回的是nullalert("这是文本节点的返回值:"+ text.nodeValue);//返回的是文本值 文本节点alert("这是属性节点的返回值:"+ property.nodeValue);//返回的是属性值,这里是id的属性值 myspan
(三)nodeType
nodeType 属性可返回节点的类型。
我们常用的3中类型:
nodeType == 1 : 元素节点
nodeType == 2 : 属性节点
nodeType == 3 : 文本节点
注释 comments 8
文档 document 9
alert("这是元素节点的返回值:"+ element.nodeType);//元素节点返回1 alert("这是文本节点的返回值:"+ text.nodeType);//文本节点返回3 alert("这是属性节点的返回值:"+ property.nodeType);//属性节点返回2
___________________________
原文:http://www.tuicool.com/articles/zANnye
nodeType、nodeName和nodeValue
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。