Javascriptセットスタイル

| | | |

値が予期されたタイプでない場合、タイプエラーが生成されます。未定義とは異なり、nullは、プログラム内で誤って貴重な開発者コードに割り当てられる可能性があります。エラーは、値またはオブジェクトがないことを表します。値はプリミティブでfalseです。

styleプロパティは、ドキュメントオブジェクトモデルのインラインスタイルを取得および設定するために使用されます要素(DOM)。 DOMは、Webページまたはドキュメントに表示されるオブジェクトを表すプログラミングインターフェイスです。この表現はコンソールで操作できます。

この記事では、DOMでstyleプロパティを使用したときにnullのタイプミスが発生する原因と、考えられる解決策について説明します。

JavaScriptがDOMのStyleプロパティでnull入力エラーを生成する理由

JavaScriptを使用して要素のスタイルを更新しようとする場合、呼び出すセレクターの正しい値を呼び出す必要があります。以下は、Webページまたはドキュメント内の要素を操作しようとするときに使用される getElementsです。

ドキュメントも使用できます.querySelector()メソッドとdocument.querySelectorAll()メソッド。

ドキュメントに次のようなものがあるとしましょう。操作します。

リストの3番目と項目を変更するとします。 DOMを使用すると、コードは次のようになります。

ただし、`third`という識別子がないため、このコードはnullエラーを生成します。 JavaScriptコードで変更しようとしているIDに値がありません。リストの3番目の項目の識別名は「4番目」としてコード化されます。

エラーは、間違った値を入力した場合、または大文字と小文字の区別の重要性を無視した場合にも生成される可能性があります。

デバッグ

このエラーはどちらの方法でも修正できます。 HTMLコードのID名を「4番目」から「3番目」に変更するか、JavaScriptのコードを変更して「4番目」からIDを取得することができます。人間が読みやすいようにコーディングする方が常に優れているため、リストの3番目の項目のIDの名前を3番目に変更します。

結論

DOM内の要素のスタイルを変更しようとするときは、正しい名前。値が欠落している要素のスタイルを設定しようとすると、タイプエラー値がゼロになります。

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method