parentNode是父节点的意思。就是上一层的;

演示的是点击<a></a>里面的标签链接,把他的父节点<li></li>隐藏掉;用的就是parentNode的语法

 

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script>
window.onload=function()
{
aA=document.getElementsByTagName('a');
for(var i=0;i<aA.length;i++)
{
aA[i].onclick=function()
{
this.parentNode.style.display='none';
}
}

}
</script>
</head>
<body>
<ul id="ul1">
<li>12221<a href="javascript:;">隐藏</a> </li>
<li>122sgfdg21<a href="javascript:;">隐藏</a> </li>
<li>122sdfs21<a href="javascript:;">隐藏</a> </li>
<li>1sdfd2221<a href="javascript:;">隐藏</a> </li>
<li>122dfsderers21<a href="javascript:;">隐藏</a> </li>
<li>122yyuuuu21<a href="javascript:;">隐藏</a> </li>
<li>122fffffff21<a href="javascript:;">隐藏</a> </li>
</ul>
</body>
</html>

 

 

1111