Style="display:block;" 适用于 Chrome 但不适用于 Safari

Question

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

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

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

关于可能导致此问题的任何想法？还是 hide/show 页面元素的更好方法？

谢谢！

Answer 1

通过在 Chrome 和 Safari 中对此进行测试，似乎 Chrome 更宽容，因为它解析样式字符串并为您放置正确的样式，但 Safari 不会。

尝试：

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

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

Style="display:block;" works in Chrome but not Safari