如何强制浏览器隐藏元素，即使该元素在几秒钟后再次显示
如何强制浏览器隐藏元素，即使该元素在几秒钟后再次显示
提问于 2018-08-07 06:32:34
请看以下网页的html代码：
<!DOCTYPE html>
<html><head><script>
function hide()
{
var e = document.getElementById('test');
e.style.transition = 'visibility 0s,opacity 0s';
e.style.visibility = 'hidden';
e.style.opacity = '0';
e.style.transition = 'visibility 5s,opacity 5s';
show();
}
function show()
{
var e = document.getElementById('test');
e.style.visibility = 'visible';
e.style.opacity = '1';
}
</script></head><body>
<div id="test">Test</div>
<button type="button" onclick="hide()">go!</button>
</body></html>如果您在任何标准浏览器(我是在Windows 7下的Mozilla Firefox和Opera上测试的)中打开此html文件，并单击按钮，则不会发生任何事情(文本“Test”不会消失！)。
我猜这是浏览器的一种“智能”问题。所以，我的问题是：(对于上面的html代码)是否有可能强制浏览器隐藏元素？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51716488
复制相关文章
相似问题
腾讯云开发者
