スタイル= "表示：ブロック;" Chromeでは動作しますがSafariでは動作しません

Question

私のウェブサイトには、デフォルトでは表示されないバナーがあります。私はそれを表示するために取得するために使用していたコードは、これはChromeで動作しますが、Safariで動作していない

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

です。私はSafariでも何のエラーも出ません。バナーは表示されません。

これを引き起こす可能性のあるアイデアはありますか？または、ページ要素を表示/非表示するためのより良い方法ですか？

ありがとうございます！

Answer 1

これをChromeとSafariでテストしたところ、Chromeはスタイル文字列を解析し、適切なスタイルを適切に配置しているという点でより寛大であるようですが、Safariはそうではありません。

試してみてください。

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

ではなく、スタイル自体に解析する文字列に依存するので、とにかくそのような明示的であることをおそらく最高です。