文章/答案/技术大牛

发布

社区首页 >问答首页 >尝试用可压缩模式在IE9中隐藏图标

问尝试用可压缩模式在IE9中隐藏图标
EN

Stack Overflow用户

提问于 2014-02-27 15:54:35

回答 2查看 74关注 0票数 0

单击图标时，我试图使其不可见，我的HTML如下所示：

<img id="imgTop" style="border-width:0px;" src="../Images/Common/button-print-icon.gif" onclick="clicked()">

Javascript是这样的：

function clicked()
{
    document.getElementById("imgTop").hidden="";
    .....
}

这在火狐和Chrome中很好，但在兼容模式的IE9中就不行了。我尝试过使用其他几种方法(比如传递this和使用CSS样式的display)，但是似乎没有什么能提供帮助吗？

javascript

html

internet-explorer

cross-browser

internet-explorer-9

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-02-27 16:03:18

您必须选择visibility:hidden;或display:none;

无- 示例显示

function clicked() {
    document.getElementById("imgTop").style.display = "none";
}

能见度隐藏- 示例

function clicked() {
    document.getElementById("imgTop").style.visibility = "hidden";
}

隐藏的可见性与无显示的差异：

可见性：隐藏元素，但它仍然占用布局中的空间。 display：none完全删除文档中的元素。它不占用任何空间，即使它的HTML仍然在源代码中。

来源

票数 1

Stack Overflow用户

发布于 2014-02-27 16:00:25

最好将style.visibility属性设置为"hidden"，如下所示：

document.getElementById("imgTop").style.visibility = "hidden";

下面是一个有用的例子

但是，您应该注意到，将visibility设置为"hidden"将隐藏元素，但仍然将其保存在文档流中--这意味着它仍将占用空间(除非它具有绝对定位或浮动等)。如果这是所期望的效果，那么您就可以开始了，如果您想“折叠”元素，以便其他元素可以转移到它的空间中，那么您可以执行以下操作：

document.getElementById("imgTop").style.display = "none";

下面是另一个例子

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/22073628

复制

相似问题

问尝试用可压缩模式在IE9中隐藏图标
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问尝试用可压缩模式在IE9中隐藏图标EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问尝试用可压缩模式在IE9中隐藏图标
EN