プレーンな JavaScript を使用した次の DOM 要素変更関数があります。この関数では、ページ読み込みイベントを使用して、DOM のテキスト文字列を含む Span 要素を変更します。
次のコードでは、DOM 要素が期待どおりに変更されます。ただし、変数 desktop
と mobile
では、DOM 要素が変更される前に、ちらつきの 最小部分 が表示されます。
P粉1954022922024-03-27 17:50:03
ちらつく理由はたくさんありますが、予防策が 2 つあります。
<script defer>
で defer
を使用します。これにより、ブラウザは DOMContentLoaded
を使用する代わりにスクリプトの実行順序を処理できるようになります。 changes
ラッパー関数を回避することもできます。 P粉4781887862024-03-27 14:35:48
いずれの場合も、DOM を操作するには、DOM がロードされるまで待つ必要があります。 DOMContentLoaded
で偶数リスナーを使用するのが最善の方法です。したがって、次の 3 つのことが起こる必要があります:
visibility:hidden
または display:none
を使用できます。違いは、