JavascriptドキュメントGetelementbyid

| | | | | | | | | | | | | | | | | |

getElementById JavaScriptメソッドは、ドキュメントオブジェクトモデル(DOM)HTMLから要素を選択します。このメソッドのつづりを間違えると、プログラムでdocument.getElementByIdは関数ではありませんというエラーが発生します。

このチュートリアルでは、このエラーの意味と軽減される理由について説明します。このエラーの例を見て、それを修正するために知っておくべきことを学ぶことができます。

document.getElementByIdは関数ではありません

document。 getElementById()メソッドは、JavaScriptの選択メソッドの1つです。このメソッドは、HTMLDOMからIDに基づいてオブジェクトを取得します。

このメソッドは、要素のコンテンツを操作したり、コンテンツや属性などの特定の要素に関する情報を取得したりするために使用されます。

IDはHTMLで定義されています。 IDは、特定の要素に対して一意である必要があります:


<ヘッダー>のIDはtop_headerです。このIDは、

に固有です。 IDは、CSSを使用して特定の要素をスタイル設定するためによく使用されます。

ドキュメント。 getElementById()では大文字と小文字が区別されます。このメソッドは次のとおりです。

  • 。 getElementById()
  • document.getElementById()
  • document.getElementById()

メソッド名の他のバリエーションは、 JavaScript。

IDは大文字で書きたくなりますが、別の単語の省略形であるため、この方法では大文字の Iと小文字の<を使用する必要があります。 。 strong> d。

getElementByIdメソッドの詳細については、ガイド JavaScriptgetElementByIdをお読みください。

シナリオ例

ユーザーをアプリケーションに歓迎するコードを作成します。ウェルカムメッセージは、ページの上部に表示されるタイトルに表示されます。

この例では、デモ名を使用します。

まず、Webページのウェルカムセクションの本文のHTMLコードを定義します:

デフォルトでは、

にはWelcomeコンテンツが含まれています。
タグは親タグであり、タイトルに含まれています。次に、