如何使用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= '';

以下是一些类型和一些容易记住的规则：

默认值：元素的默认属性（通常为块或内联）

阻止：通常单独在线。具有width和height属性（以及其他大小/位置属性）

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

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