gpt4 book ai didi

javascript - 如何更改 HTML 元素样式,然后使用 JS 在 onLoad() 上恢复它?

转载 作者:行者123 更新时间:2023-11-28 02:54:41 25 4
gpt4 key购买 nike

我遇到了 Lightbox 类型模态窗口无法在 IE 中正常工作的问题。我已确定该问题是由于隐藏图像的样式属性为“显示:无”造成的。这在所有其他浏览器中都可以正常工作。但对于 IE,我需要将 onload 值更改为“display: block”,然后直接返回“display: none”,这将解决问题。

谁能告诉我该怎么做?我需要将此规则应用于“image”类的多个 div。

最佳答案

在你的CSS中

.image{ display:none; }

在你的html中

...
<body onload="switch" >
...


<script type="text/javascript">
function switch(){
var divs = document.getElementsByClassName("image"); // not supported by all browsers but you can easily find implementations on the web

for(var index=0;index<divs.length;index++)
{
divs[index].style.display='block';
}
}
</script>

</body>

jquery 版本:

$(document).ready(function(){
$(".image").show();
});

关于javascript - 如何更改 HTML 元素样式,然后使用 JS 在 onLoad() 上恢复它?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2974629/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com