JavaScript入门教程

JavaScript简介
JavaScript语法基础
JavaScript流程控制
JavaScript函数
面向对象编程
JavaScript事件
JavaScript DOM
正则表达式
JavaScript BOM
AJAX

专题分析

浏览器兼容性
JS优化
Web前端开发规范
编辑器推荐
总结和笔记

学习助手

对象参考手册
ECMAScript分析
数据中心
QQ交流群

JavaScript parentNode:获取父节点

获取已知节点的父节点请使用 parentNode 。

语法:
    nodeObject.parentNode
其中,nodeObject 为节点对象(元素节点)。

例如,获取 id="demo"的节点的父节点:
document.getElementById("demo").parentNode;

举例,获取 id="demo" 的节点的父节点:
<div>
    <div id="demo">点击这里获取父节点</div>
</div>
<script type="text/javascript">
    document.getElementById("demo").onclick=function(){
        var demoParent=this.parentNode;
        alert(
            "父节点的名称是:"+demoParent.nodeName+"\n"+
            "父节点的类型是:"+demoParent.nodeType
        );
    }
   
</script>

请看下面的演示:
点击这里获取父节点