码迷,mamicode.com
首页 > 其他好文 > 详细

nodeName、nodeType、nodeValue解析

时间:2016-09-01 16:07:41      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:

nodeName:节点名

nodeType:节点类型

节点类型主要包括:1:元素节点

         2:属性节点

         3:文本节点

nodeValue:节点值

 

示例:

       <div id="div1" name=‘jack‘>内容</div>

         // 元素节点
            var elementNode = document.getElementById(‘div1‘);
            console.log(elementNode.nodeName); // DIV
            console.log(elementNode.nodeType); // 1
            console.log(elementNode.nodeValue); // null
            
            // 属性节点
            var attrNode = document.getElementById(‘div1‘).getAttributeNode(‘name‘);
            console.log(attrNode.nodeName); // name
            console.log(attrNode.nodeType); // 2
            console.log(attrNode.nodeValue); // jack
            
            // 文本节点
            var textNode = document.getElementsByTagName(‘div‘)[0].firstChild;
            console.log(textNode.nodeName); // #text
            console.log(textNode.nodeType); // 3
            console.log(textNode.nodeValue); // 内容

 

nodeName、nodeType、nodeValue解析

标签:

原文地址:http://www.cnblogs.com/wenxiangxu/p/5830108.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!