JavaScript对li元素进行隐藏

原创于 2017-10-12 09:19:20 发布 · 5.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

JavaScript 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一种利用JavaScript实现点击链接后隐藏对应HTML列表项的方法。通过为每个要隐藏的元素添加特定的锚点标签，并将JavaScript事件监听器绑定到这些锚点上，当用户点击时，可以动态地隐藏相应的列表项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>

window.onload=function(){
/* var oUl = document.getElementById("ull");
// alert(oUl.childNodes.length);
for (i=0;i<oUl.childNodes.length;i++) {
if (oUl.childNodes[i].nodeType==1) {
oUl.childNodes[i].style.background="red";
}
//oUl.childNodes[i].style.background="red";
};*/
var aA = document.getElementsByTagName("a");
for(i=0;i<aA.length;i++){
aA[i].onclick = function(){
this.parentNode.style.display="none";
}
}

};

</script>
<ul id="ull">
<li>1231312<a href="#">隐藏</a></li>
<li>1231312<a href="#">隐藏</a></li>
<li>1231312<a href="#">隐藏</a></li>
</ul>
</body>
</html>