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

你可能感兴趣的:(node)