javascript - 如何使用 javascript 显示/隐藏跨度

Question

有人可以展示一种使用 javascript 显示/隐藏跨度的方法吗

 document.getElementById("test").style.display= 'visible';
 document.getElementById("test").style.display= 'block';

在 HTML 代码中

<span id='test' ..

我怎样才能克服这个问题。有什么我应该考虑的事情吗？

更新我有一个这样的类，我想强制鼠标悬停在它上面。

<div id="test" class="tooltip effect">
        <div id="second" href="#"> .. </div>

在 CSS 上:

tooltip{..}
effect{..}
effect:hover{..}

除了您的代码，我尝试过的另一个选项是

document.getElementById("test").onmouseover = test.hover;

• 我应该将悬停类重新编写为另一个名称类，还是应该调整您的代码？

Answer 1

使用不显示/默认:

document.getElementById("test").style.display= 'none';
document.getElementById("test").style.display= '';

下面是一些类型和一些容易记住的规则:

Default:元素的默认属性(一般是block或inline)

block :一般单独成一行。具有宽度和高度属性(以及其他尺寸/定位属性)

内联:与其他元素/文本在同一行。没有高度/宽度属性

继承:继承父元素的显示类型