html dom获取节点的三种方式

来源：互联网发布：nginx 禁止某个域名编辑：程序博客网时间：2024/06/14 07:31
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><body>    <script type="text/javascript" src="js/write.js"></script>    <script type="text/javascript">        function getNodeById() {            //节点的获取方式也分三种            //节点对象分三种，标签，文本，属性            //var oNode=document.getElementById("divid"); //1.通过id获取            //节点的属性一般有三个，节点的名字，节点的类型：标签的类型为1，节点的值：标签没有值           // println(oNode.nodeName+":"+oNode.nodeType+":"+oNode.nodeValue);            //println(oNode.innerHTML);            //oNode.innerHTML="div的内容被我改变了";            println(document.getElementsByName("user")[0]);        }        function getNodeByName() {            //2.通过name获取,返回值是一个数组            var list=document.getElementsByName("user");            alert(list[0].nodeName+":"+list[0].type);            //list[0].value="hahaha";            println(list[0].value);        }        function getNodeByTagName()        {            /*var aa=document.getElementsByTagName("a");            alert(aa.length);            for(var xx=0;xx<aa.length;xx++)            {                aa[xx].target="_blank";            }*/            //            var aa=document.getElementById("news");            var aaa=aa.getElementsByTagName("a");            for(var xx=0;xx<aaa.length;xx++)            {                aaa[xx].target="_blank";            }        }    </script>    <input name="user" type="text"/>    <input type="button" onclick="getNodeByTagName()" value="通过标签名获取"/>    <input type="button" value="通过id获取document对象节点" onclick="getNodeById()"/>    <input type="button" value="通过name获取节点" onclick="getNodeByName()"/>    <div id="divid">这是一个div区域</div>    <a href="http://www.baidu.com">百度网站</a>    <a href="http://www.sina.com">百度网站1</a>    <div id="news">        <!--要求这里面的用新窗口打开-->        <a href="http://www.baidu.com">百度网站2</a>        <a href="http://www.sina.com">百度网站3</a>    </div></body></html>
阅读全文
0 0