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

posted @   远方的远方  阅读(2044)  评论(0)  编辑  收藏  举报
编辑推荐：
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识（上）
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 单线程的Redis速度为什么快？
· 展开说说关于C#中ORM框架的用法！
· SQL Server 2025 AI相关能力初探
· Pantheons：用 TypeScript 打造主流大模型对话的一站式集成库
点击右上角即可分享
微信分享提示