parentNode(返回指定节点的父节点。)

<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:元素的标签名,以大写形式表示

原文地址:https://www.cnblogs.com/wxydigua/p/3240617.html