<ul style="left: 115px; visibility: visible; display: block;"><li><a target="context" href="notes.php" onclick="parent.tab.location='hide_tab.php';parent.sub_tab.location='blank.php' ">個人備忘錄</a></li> <li><a target="tab" href="user_setting.php" onclick="parent.context.location='hide_tab.php';parent.tab.location='blank.php';parent.sub_tab.location='blank.php' ">帳戶通知管理</a></li><li><a target="context" href="change_pass.php" onclick="parent.tab.location='hide_tab.php';parent.sub_tab.location='blank.php' ">變更密碼</a></li><li><a target="tab" href="group_module_setting.php" onclick="parent.context.location='blank.php';parent.sub_tab.location='blank.php' ">分組權限設定</a></li></ul> 点击li,让上一级ul的display为none
时间: 2024-03-05 17:50:24 浏览: 140
display:none和visibility:hidden的差别比较与演示代码
5星 · 资源好评率100%
可以使用JavaScript来实现这个功能。具体代码如下:
```
// 获取所有的li元素
var liElements = document.getElementsByTagName("li");
// 给每个li元素添加点击事件
for (var i = 0; i < liElements.length; i++) {
liElements[i].addEventListener("click", function() {
// 找到当前li元素的父级ul元素
var parentUl = this.parentNode;
// 隐藏父级ul元素
parentUl.style.display = "none";
});
}
```
这段代码会为页面中所有的li元素添加点击事件。当用户点击任意一个li元素时,它的父级ul元素将会被隐藏。
阅读全文