javaseday36(dom基本概念名称空间通过document 获取节点多种方式)

xiaoxiao2021-02-28 103

<div >div区域</div> <dl> <dt>上层</dt> <dd>下层</dd> </dl> <table xmlns="http://www.sinna.com"> <tbody> <tr> <th>表头</th> <td>单元格</td> </tr> </tbody> </table> <table xmlns="http://www.baidu.com">//域名不同唯一为了区别名称空间 <body>   <script type="text/javascript"> //定义一函数 function windowdemo() { //alert("window"); //想要知道这个浏览器的信息就需要使用window对象中的navigator document.write(window.navigator.appName); document.write(window.navigator.appVersion); } //演示location 地址栏 function windowObjDemo() { //document.write(location.protocol); var text = location.href; //alert(text); //给location 的href属性设置一个值改变了地址栏的值并对其值进行了解析如果是http还进行连接访问 location.href="http://www.baidu.com"; } function windowMethod() { //var b = confirm("确定点击"); //alert(b); //setTimeout("alert('ss')",4000);//4秒后执行 timeid = setInterval("alert('interval')",2000);//2秒运行一次 } function stopMethod() { clearInterval(timeid); } function windowMove() { // alert("hh"); //window.moveBy(21,11) ;//现在是多标签所以不能整体移动要拖出来 /*for(var x= 0; x<50;x++){ moveBy(20,0); moveBy(0,20); moveBy(-20,0); moveBy(0,-20); }*/ } function windowOpen() { window.open("ad.html","_blank","height=200,width=400,status=no,toolbar=no,menubar=no,location=no");//ie6以上不支持隐藏地址栏 } </script>  <input type="button" value="window中的方法" onclick="windowOpen()" /> <input type="button" value="停止" onclick="stopMethod()" />  <input type="button" value="演示window中的对象" onclick="windowObjDemo2()" /> </body> <script type="text/javascript"> /* onunload=function() { alert("onunload run"); } onload = function() { alert("onload run"); } onbeforeunload = function() { alert("onbeforeunload run"); }*/ /*onload = function() { window.status="加载完毕了"; }*/ /* 演示弹窗广告效果页面加载完执行在当前页面定义脚本可以在onload事件中完成广告的弹窗 */ onload = function() { open("ad.html","_blank","height=100px"); } </script> <body>  <script type="text/javascript"> function getNode() { /* 获取页面中的div节点思路通过document对象完成因为div节点有id属性所以可以通过id属性来完成 */ //节点都有三个必备属性节点名称节点类型节点值 var node = document.getElementById("divid"); //document.write(node.nodeName); /* 常见节点有三种 1、标签型节点类型1 2、属性节点类型2 3、文本节点类型3 标签型节点是没有值的属性和文本节点是可以有值的 */ //获取div节点中的文本 var text = node.innerHTML;//html适用性更广 //alert(text); node.innerHTML="如果是你"; //获取文本框节点 getElementsByName方法 var tnode = document.getElementsByName("user")[0]; //alert(tnode.nodeName+tnode.value); //var tnode1 = document.getElementsByName("user"); //alert(tnode1[0].nodeName+tnode1[0].value); //获取超链接节点对象演示getElementsByTagName方法 //直接用标签名获取 var nodes = document.getElementsByTagName("a"); for(var x= 0; x<nodes.length;x++) { //alert(nodes[x].innerHTML); nodes[x].target="_blank";//每个超链接都设置为空白页打开 } //alert(nodes.nodeName); } /* 对于页面中的超链接新闻连接通过新窗口打开门户网站在当前页面打开当然是要获取其中被操作的超链接对象可是通过document对象获取超链接拿到的是页面中所有的超链接只想获取一部分该怎么办？只要获取到被操作的超链接所属的节点即可再通过这个节点获取到他里面的所有的超链接节点 */ function getNodeDemo() { //获取超链接所属的div节点 var divNode = document.getElementById("newid"); //通过div对象方法的查找发现它也具备getElementsByTagName方法 //记住所有的容器型标签都具备这个方法在该标签范围内获取指定名称的标签 var aNodes = divNode.getElementsByTagName("a"); for(var x= 0;x<aNodes.length;x++) { //alert(aNodes[x].innerHTML); aNodes[x].target="_blank"; } } </script> <input type="button" value="document对象获取节点" onclick="getNodeDemo()" /> <div id="divid">这是个div</div> <input type="text" name="user"/> <a href="http://www.baidu.com" >baidu</a> <div id="newid"> <a href="http://www.xx.com">新闻1</a> <a href="http://www.xx.com">新闻2</a> <a href="http://www.xx.com">新闻3</a> </div> </body>

转载请注明原文地址: https://www.6miu.com/read-76227.html

技术

最新回复(0)

javaseday36(dom基本概念 名称空间 通过document 获取节点多种方式)

技术

javaseday36(dom基本概念名称空间通过document 获取节点多种方式)