js中nodeName nodeType nodeValue的用法和区别

来源:互联网 发布:js获取ios系统版本 编辑:程序博客网 时间:2024/05/16 01:03

js中nodeName  nodeType  nodeValue的用法和区别 


<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <script>        function test(){            //nodeName  nodeType  nodeValue            //元素节点   nodeName  标签名   nodeType 1  nodeValue  null            //属性节点   nodeName  属性名   nodeType 2  nodeValue  属性值            //文本节点   nodeName  #text   nodeType 3  nodeValue  文本的值            var div1=document.getElementById("div1");          // alert("nodoName--"+div1.nodeName);//DIV         //  alert("nodoType--"+div1.nodeType);//1    //       alert("nodoValue--"+div1.nodeValue);//null            var attrs=div1.attributes;//attributes属性节点的集合            alert(attrs[0]);//数组[object Attr]            alert("nodoName--"+attrs[0].nodeName);//id            alert("nodoType--"+attrs[0].nodeType);//2            alert("nodoValue--"+attrs[0].nodeValue);//div1        }    </script></head><body>    <div id="div1">aaaaaaaaaaaaa</div>    <input type="button" value="test" onclick="test()" /></body></html>


0 0
原创粉丝点击