如何使用javascript显示/隐藏范围
如何使用javascript显示/隐藏范围
提问于 2014-11-30 06:30:09
有人可以展示使用javascript显示/隐藏跨度的方法吗？
document.getElementById("test").style.display= 'visible';
document.getElementById("test").style.display= 'block';在HTML代码中
<span id='test' ..我怎样才能克服这个问题。有什么我应该考虑的事情吗？
UPDATE我有一个类似的类，我想强制鼠标悬停在上面。
<div id="test" class="tooltip effect">
<div id="second" href="#"> .. </div>在css上：
tooltip{..}
effect{..}
effect:hover{..}除了您的代码之外，我尝试的另一个选择是
document.getElementById("test").onmouseover = test.hover;- 我应该将悬停类重写为另一个名称类，还是应该调整您的代码？
回答 4
Stack Overflow用户
发布于 2014-11-30 06:31:42
使用显示无/默认：
document.getElementById("test").style.display= 'none';
document.getElementById("test").style.display= '';下面是一些类型和一些容易记住的规则：
Default:元素的默认属性(通常是块或内联)
块:通常在一行中。具有宽度和高度属性(以及其他大小/位置属性)
内联:与其他元素/文本在同一行上。没有高度/宽度属性
Inherit:继承父元素的显示类型
Stack Overflow用户
发布于 2014-11-30 06:31:41
visible不是显示的值，您需要none
Stack Overflow用户
发布于 2014-11-30 07:55:41
我会这样做来处理它：
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();页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27207854
复制相关文章
相似问题