节点

 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>

 

转载于:https://www.cnblogs.com/thestudy/p/6292173.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值