<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script type="text/javascript"> window.onload=function () { var oUl=document.getElementById('ul1'); var aA=oUl.getElementsByTagName('a'); var i=0; for(i=0;i<aA.length;i++) { aA[i].onclick=function () { this.parentNode.style.display='none';
// oUl.removeChild(this.parentNode); 删除 用法： 父级.removeChild(子节点); }; } }; </script> </head> <body> <ul id="ul1"> <li>111<a href="javascript:;">隐藏</a></li> <li>222<a href="javascript:;">隐藏</a></li> <li>333<a href="javascript:;">隐藏</a></li> <li>444<a href="javascript:;">隐藏</a></li> </ul> </body> </html>
同理children返回子节点。
1 for(i=0;i<oUl.children.length;i++) 2 { 3 oUl.children[i].style.background='red'; 4 }
nodeType：该节点的类型
nodeValue：Text节点或Comment节点的文本内容（这两节点没有children属性）
nodeName：元素的标签名，以大写形式表示