javascript - 样式 ="display:block;"适用于 Chrome 但不适用于 Safari

标签 javascript html css safari show

我的网站上有一个默认情况下不显示的横幅。我用来让它显示的代码是

document.getElementById("cookie1").style = "display:block;"

这在 Chrome 中有效,但在 safari 中无效。我在 Safari 中也没有收到任何错误,它只是不显示横幅。

关于可能导致此问题的任何想法?或者隐藏/显示页面元素的更好方法?

谢谢!

最佳答案

从 Chrome 和 Safari 中的测试来看,Chrome 似乎更宽容,因为它会解析样式字符串并为您放置正确的样式,但 Safari 不会。

尝试:

document.getElementById("cookie1").style.display = 'block';

无论如何,最好是像那样明确,而不是依赖于样式本身的字符串解析。

关于javascript - 样式 ="display:block;"适用于 Chrome 但不适用于 Safari,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41959814/

相关文章:

html - block 级元素相互重叠

javascript - 超链接 iFrame?

html - 在 div 中传播四个图像 [响应式]

html - 如何在html标签中显示适合DIV的肖像图像?

javascript - 如何正确使用jquery append

html - 如何将下拉框(在表单中)的选定选项的值从 html 传递到 ts 文件,而无需在 Angular 中提交表单

javascript - 有没有办法在 CSS 或 Jquery 中旋转 JW Player?

javascript - 继承图像的宽度(css)

javascript - 为部分渲染 javascript - Rails 3

javascript - 如何使用lightbox插件代替window.open?