节点

最新推荐文章于 2024-06-06 08:15:00 发布

a23180012142

最新推荐文章于 2024-06-06 08:15:00 发布

阅读量74

点赞数

原文链接：http://www.cnblogs.com/thestudy/p/6292173.html

版权

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         //console.log(_oUl.childNodes)//获得ul的子节点
 9     //console.log(_oUl.childNodes.length)//获得ul的子节点长度
10     //console.log(_oUl.firstChild)//获得当前元素的第一个子节点
11     //console.log(_oUl.lastChild)//获得当前元素的最后一个子节点
12     //console.log(_oUl.parentNode)//获得当前元素的父节点
13     //console.log(_oUl.lastChild.previousSibling)//previousSibling前一个同级节点
14     //console.log(_oUl.firstChild.nextSibling)//nextSibling后一个同级节点
15     
16     //alert(_oUl.ownerDocument.body.innerHTML)//根节点
17     var _liA = _oUl.childNodes[1];
18     //console.log(_liA.nodeName)//获得元素的标签名称
19     //console.log(_liA.firstChild.nodeValue)//获得节点的值
20     //console.log(_liA.nodeType)//节点类型
21     //_liA.firstChild.nodeValue='<b>xx</b>'
22     //_liA.innerHTML='<b>xx</b>'
23     
24     //document.write('xxxxxx');
25     //_liA.innerHTML="<a href='http://www.baidu.com'>baidu</a>"
26     
27     //var node=document.createElement('a')//创建元素节点
28     //node.innerHTML='link'
29     //node.href='http://www.baidu.com'
30     //_liA.appendChild(node)//把node节点添加到_liA节点内
31     
32     //var node=document.createElement('li')
33     //node.innerHTML='新的li节点'
34     //var _liB = _oUl.childNodes[3];
35     //_oUl.insertBefore(node, _liB)//在_oUl里面，把node插入到_liB的前面
36     
37     //_oUl.removeChild(_liA)//移除节点 
38     
39      //console.log(_liA.offsetParent.offsetLeft)
40      
41      alert($('n').innerHTML)
42 }
43 
44 
45 
46 var _oUl=document.getElementById('oUl')
47     //console.log(_oUl.attributes);//获取当前元素节点的所有属性节点集合
48     //console.log(_oUl.attributes.length)//长度
49     //console.log(_oUl.attributes.index);
50     //_oUl.attributes.index.value = 1
51     //console.log(_oUl.attributes.index.value);
52     //console.log(_oUl.attributes['index'])
53     //console.log(_oUl.attributes.getNamedItem('id').value)
54     //console.log(_oUl.id)
55     //console.log(_oUl.attributes[0])
56     //console.log(_oUl.attributes[0].nodeType)//元素1 属性2 文本3
57     //console.log(_oUl.attributes[0].nodeValue)
58     
59     </body>
60 </html>