JS示例20-如何读取父节点parentNode
一、知识要点
1、点击隐藏父节点 2、parentNode
二、源码参考
<!DOCTYPE >
<html>
<head>
<title></title>
<meta charset="utf-8">
<script>
window.onload = function() {
var aTags = document.getElementsByTagName('a');
for(var i = 0; i < aTags.length; i++) {
aTags[i].onclick = function() {
this.parentNode.style.display = 'none';
};
}
}
</script>
</head>
<body>
<ul id="ul1">
<li>li是a的父元素
<a href="javascript:;">点击隐藏</a>
</li>
<li>li是a的父元素
<a href="javascript:;">点击隐藏</a>
</li>
<li>li是a的父元素
<a href="javascript:;">点击隐藏</a>
</li>
<li>li是a的父元素
<a href="javascript:;">点击隐藏</a>
</li>
<li>li是a的父元素
<a href="javascript:;">点击隐藏</a>
</li>
</ul>
</body>
</html>三、运行效果
QQ20190402-155245.gif
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录