Uncaught TypeError: Cannot read property 'style' of null at error.html:84

2022-02-10 09:45:58

判定は、ブラウザがチェコ語で読んだらチェコ語のテキストを表示し、そうでなければ英語のテキストを表示するコードは以下の通りです。

<body>
        <script>
                var JsSrc = (navigator.language || navigator.browserLanguage).toLowerCase();
                var sbtitle = document.getElementById("section");
                console.log("weichongbin JsSrc : ",JsSrc," sbtitle.style : " ,sbtitle.style);
                if(JsSrc.indexOf('cs')>=0)
                {
                // If the browser language is Czech
                document.getElementById("section").style.display="none";// hide
                document.getElementById("sectionCs").style.display="block";//show
                document.getElementById("section2").style.display="none";//hide
                document.getElementById("section2Cs").style.display="block";//show
                }
                else
                {
                // If the browser language is another language
                document.getElementById("sectionCs").style.display="none";// hide
                document.getElementById("section").style.display="block";//show
                document.getElementById("section2Cs").style.display="none";//hide
                document.getElementById("section2").style.display="block";//show
                }
                </script>
<p>
    <img th:src="@{${logoUrl}}" width="36" height="36"/>
</p>
<div id="header">
</div>
<div id="section" >
    <a>No longer have access to Vivien Home</a>
</div>
<div id="sectionCs">
        <a>Už nemají přístup k Vivien Home</a>
    </div>
<div id="section2">
    <p>
        You will no longer have access to Vivien Home since she/he removed the share.
    </p>
</div>
<div id="section2Cs">
    <p>
        Již nebudete mít přístup k domácnosti Vivien Home, protože bylo zrušeno sdílení.
    </p>
</div>
</body>

しかし、エフェクト画像は非表示にならず、英文テキスト、エラーが報告される

Uncaught TypeError: Cannot read property 'style' of null at error.html:84

私は非常に困惑し、2時間Baidu、Googleを過ごし、最終的にスクリプトが最初に実行されることがわかった、htmlはスタイルが空にする必要がありますので、レンダリングされていない、その下のhtmlコードにスクリプトを移動することができます

<body>
<p>
    <img th:src="@{${logoUrl}}" width="36" height="36"/>
</p>
<div id="header">
</div>
<div id="section" >
    <a>No longer have access to Vivien Home</a>
</div>
<div id="sectionCs">
        <a>Už nemají přístup k Vivien Home</a>
    </div>
<div id="section2">
    <p>
        You will no longer have access to Vivien Home since she/he removed the share.
    </p>
</div>
<div id="section2Cs">
    <p>
        Již nebudete mít přístup k domácnosti Vivien Home, protože bylo zrušeno sdílení.
    </p>
</div>
<script>
        var JsSrc = (navigator.language || navigator.browserLanguage).toLowerCase();
        var sbtitle = document.getElementById("section");
        console.log("weichongbin JsSrc : ",JsSrc," sbtitle.style : " ,sbtitle.style);
        if(JsSrc.indexOf('cs')>=0)
        {
        // If the browser language is Czech
        document.getElementById("section").style.display="none";// hide
        document.getElementById("sectionCs").style.display="block";//show
        document.getElementById("section2").style.display="none";//hide
        document.getElementById("section2Cs").style.display="block";//show
        }
        else
        {
        // If the browser language is another language
        document.getElementById("sectionCs").style.display="none";// hide
        document.getElementById("section").style.display="block";//show
        document.getElementById("section2Cs").style.display="none";//hide
        document.getElementById("section2").style.display="block";//show
        }
        </script>
</body>

<イグ

Uncaught TypeError: Cannot read property 'style' of null at error.html:84

関連

クラッシュエラー libc++abi.dylib: NSException 型の捕捉されない例外で終了する表示方法

Uncaught TypeError。不正な呼び出しエラーの解決

python error: Index 1 is out of bounds for axis 0 with size 1

gitエラーです。このリポジトリで別の git プロセスが実行されているようです。

ネストされた例外は org.hibernate.exception.SQLGrammarException: ResultSet を抽出できませんでした。

Synchronous XMLHttpRequest on the main thread is deprecated

SyntaxError: JSON の位置 1 に予期しないトークン s があります。

TypeError: 'dict' オブジェクトは呼び出し可能ではありません。

zip 引数#3 は反復処理をサポートする必要があります。

AttributeError：オブジェクトに属性がないエラーと対処法

最新

nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)

htmlページでギリシャ文字を使うには

ピュアhtml+cssでの要素読み込み効果

純粋なhtml + cssで五輪を実現するサンプルコード

ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード

タイピング効果を実現するピュアhtml+css

htmlの選択ボックスのプレースホルダー作成に関する質問

html css3 伸縮しない画像表示効果

トップナビゲーションバーメニュー作成用HTML+CSS

html+css 実装サイバーパンク風ボタン

おすすめ

! [リモート拒否] master -> master (pre-receive hook declined) error: failed to push some refs to '.

暗黙のスーパーコンストラクタ Object() がデフォルトコンストラクタのため未定義であるエラー

パッケージ 'blob' のインストールで終了ステータスが 0 以外になりました。

java.lang.NoClassDefFoundError: クラスcom.cyj.util.を初期化できませんでした。

AGPBI kind エラーテキスト Android リソースのリンクに失敗しました。

リソースの読み込みに失敗しました：サーバーはステータス500（内部サーバーエラー）で応答しました。

ms.xxx_time」列は、GROUP BY句で表示するか、集約関数で使用する必要があります。

[ERROR] 指定された目標には実行するプロジェクトが必要ですが、このディレクトリにはPOMがありません。