parentNode（返回指定节点的父节点。）

时间：2024-12-05 16:03:08
<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返回子节点。

  for(i=0;i<oUl.children.length;i++)

     {

         oUl.children[i].style.background='red';

     }

nodeType：该节点的类型

nodeValue：Text节点或Comment节点的文本内容（这两节点没有children属性）

nodeName：元素的标签名，以大写形式表示

相关文章