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>