<ul style="left: 115px; visibility: visible; display: none;"><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>点击a,让上一级uldisplay为block
时间: 2024-03-05 07:50:17 浏览: 109
display:none和visibility:hidden的差别比较与演示代码
5星 · 资源好评率100%
您可以使用JavaScript来实现这个功能,可以给a标签添加一个点击事件,事件中获取当前a标签的父节点ul,然后设置其display属性为block即可。
示例代码如下:
```html
<ul id="myList">
<li><a href="#" onclick="showList(this)">点击显示列表</a>
<ul style="left: 115px; visibility: visible; display: none;">
<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>
<script>
function showList(a) {
var ul = a.parentNode.querySelector('ul');
ul.style.display = 'block';
}
</script>
```
在这个示例中,我们给a标签添加了一个onclick事件,点击后调用showList函数。这个函数中,我们首先获取当前a标签的父节点ul,然后设置其display属性为block。这样就可以实现点击a标签显示下方的列表的功能了。
阅读全文