节点类型,节点名称, 节点值

2018-09-12  本文已影响48人  Aikesi26

    // 节点的类型,节点名称 节点值

            // 获取元素节点
            var element = document.getElementsByTagName("div")[0];

            //获取属性节点
            var attributeNode = element.getAttributeNode("class");

            //获取文字节点
            var textNode = element.firstChild;


            //打印节点类型
            console.log(element.nodeType);  //1
            console.log(attributeNode.nodeType);//2
            console.log(textNode.nodeType);//3

            //打印节点名称
            console.log(element.nodeName);//div
            console.log(attributeNode.nodeName);//class
            console.log(textNode.nodeName);//#text


            //打印节点值
            console.log(element.nodeValue);//null  元素没有节点值
            console.log(attributeNode.nodeValue);//aikesi 设置的类名
            console.log(textNode.nodeValue);//标签中间的文字

上一篇 下一篇

猜你喜欢

热点阅读