gpt4 book ai didi

JavaScript 不响应 onclick

转载 作者:行者123 更新时间:2023-11-28 11:32:51 26 4
gpt4 key购买 nike

我想用“汉堡”切换导航列表的可见性/<img>按钮。

<img onclick="dropdownMenu()" class="burger" src="img/icon/menu.png"></img>

我想要这个按钮来触发这个位于<head>中的脚本并在 <script> 内标签。

<script>
function dropdownMenu() {
document.getElementsByTagName("nav").classList.toggle("show");
}
</script>

菜单看起来像这样。

<nav>
<ul class="menu">
<li><a href="index.php">Hem</a></li>
<li><a href="store.php">Festivaler</a></li>
<li><a href="contact.php">Kontakt</a></li>
</ul>
</nav>

我已经尝试过 .classList.toggle("show");.style.display = "none";还做了一些简单的改变颜色的测试。是我的语法错误还是其他原因?

最佳答案

函数getElementsByTagName返回一个DOM元素列表,要获取单个元素,您必须从列表中选择该项目。话虽这么说:

function dropdownMenu() {
document.getElementsByTagName("nav")[0].classList.toggle("show");
}

关于JavaScript 不响应 onclick,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34962330/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com