js-Node对象属性

朱琳的博客

于 2015-11-13 12:24:29 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： html 对象标签

本文链接：https://blog.youkuaiyun.com/zhulin0519/article/details/49816053

javascript 专栏收录该内容

16 篇文章

订阅专栏

nodeName
nodeType
nodeValue

使用dom解析html时候，需要html里面的标签，属性和文本都封装成对象。

标签节点对应的值：

nodeType ： 1
nodeName：大写标签的名称比如span
nodeValue：属性的值

属性节点对应的值：

nodeType ： 2
nodeName：属性名称
nodeValue：属性的值

文本节点对应的值：

nodeType ： 3
nodeName：#text
nodeValue：属性的值

<body>
 <span id="spanid">eeeeee</span>
 <script type="text/javascript">
 var span1=document.getElementById("spanid");
 //获取标签对象
 alert(span1.nodeType);
 alert(span1.nodeName);
 alert(span1.nodeValue);
 //获取属性
 var id1=span1.getAttributeNode("id");
 alert(id1.nodeType);
 alert(id1.nodeName);
 alert(id1.nodeValue);
  //获取文本
 var tex1=span1.firstChild;
     alert(tex1.nodeType);
     alert(tex1.nodeName);
     alert(tex1.nodeValue);
 </script>
 </body>