gpt4 book ai didi

JavaScript 在鼠标悬停时隐藏另一个元素

转载 作者:行者123 更新时间:2023-11-30 13:35:39 32 4
gpt4 key购买 nike

所以我有我正在处理的这个 JavaScript,我想在鼠标悬停时显示/隐藏另一个 HTML 元素,但它不会工作。这是 HTML:

<div class='post' onmouseover="document.getElementsByClassName('another_element').style.display='inline';" onmouseout="document.getElementsByClassName('another_element').style.display='none';">

最佳答案

试试这个:

<div class='post' onmouseover="document.getElementsByClassName('another_element')[0].style.display='inline';" onmouseout="document.getElementsByClassName('another_element')[0].style.display='none';">

它不起作用,因为 getElementsByClassName() 检索包含 another 类的元素数组。您只需选择所需的元素即可。

如果元素只有一个,你可以给它一个特定的id,像这样:

<div id="another_element"></div>

<div class='post' onmouseover="document.getElementById('another_element').style.display='inline';" onmouseout="document.getElementById('another_element').style.display='none';">

关于JavaScript 在鼠标悬停时隐藏另一个元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5010795/

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