javascript中parentNode 属性是指以 Node 对象的形式返回指定节点的父节点

JavaScript014

javascript中parentNode 属性是指以 Node 对象的形式返回指定节点的父节点,第1张

parentNode 属性以 Node 对象的形式返回指定节点的父节点。

parentNode跟parentElement除了前者是w3c标准，后者只ie支持。当父节点的nodeType不是1，即不是element节点的话，它的parentElement就会是null。一般情况parentNode可以取代parentElement的所有功能。parentElement匹配的是parent为element的情况，而parentNode匹配的则是parent为node的情况。element是包含在node里的，它的nodeType是1。

<div>

<button onclick="dosell(this)">确定</button>

</div>

<script>

function dosell(item){

var parentNode=item.parentNode 

alert(parentNode.tagName) //这里将会弹出DIV

}

</script>

如上，按钮上点击要加一个参数dosell(this)

js找一个子元素的父元素：

<!DOCTYPE html><html><head>

<meta charset="utf-8">

</title>    <script type="text/javascript">    function deleteElement(Obj)

{        Obj.parentNode.parentNode.removeChild(Obj.parentNode)    }    </script></head>

<body>     <ul class="list2" ><li ><img alt="" src="1.jpg" /><div>mingzi1</div>

<a onclick="deleteElement(this)">删除</a></li><li ><img alt="" src="2.jpg" />

<div>mingzi2</div><a onclick="deleteElement(this)">删除</a></li><li >

<img alt="" src="3.jpg" /><div>mingzi3</div><a onclick="deleteElement(this)">删除</a>

</li></ul></body></html>

拓展资料

删除一个父元素下面的所有子元素:

document.getElementById("ok").innerHTML = ""

删除其中的一个：

document.getElementById("ok").remove(document.getElementById("ok").children(i))

//删除id为"ok"下的第i-1个子元素