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

使用display none / default：

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

以下是一些类型和一些易于记忆的规则：

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

阻止：一般在一条线上。具有宽度和高度属性（以及其他大小/定位属性）

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

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

Answer 2

visible不是显示的值，您需要none

Answer 3

我会做这样的事情来处理它：

function HideAndSeek(selector) {

    var elements = undefined;
    var displays = [];

    if (!!selector.id) {
        elements = [document.getElementById(selector.id)];
    } else if (!!selector.class) {
        elements = document.getElementsByClass(selector.class);
    }

    for (var elementIndex = 0; elementIndex < elements.length; elementIndex++) {
        displays[elementIndex] = elements[elementIndex].style.display;
    }

    this.hide = function() {
        for (var elementIndex = 0; elementIndex < elements.length; elementIndex++) {
            elements[elementIndex].style.display = "none";
        }
    };

    this.show = function() {
        for (var elementIndex = 0; elementIndex < elements.length; elementIndex++) {
            elements[elementIndex].style.display = displays[elementIndex];
        }
    };
}

此功能可以这种方式使用：

var hideAndSeek = new HideAndSeek({id: "test"});

您可以通过以下方式隐藏元素：

hideAndSeek.hide();

你可以通过以下方式显示它们：

hideAndSeek.show();

Answer 4

<span class="text-danger" id="spanAddressLine1" runat="server" style="display: none;"> //Here is your message </span>

javascript 代码

展示： $('#<%= spanAddressLine1.ClientID%>').show();

对于隐藏： $('#<%= spanAddressLine1.ClientID%>').hide();

这里的spanAddressLine1是span的id

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

4 个答案: