getElementByIdメソッド

getElementByIdメソッドは、そのid属性によってページ要素を取得することを可能にします。 取得した要素に対して、テキストの変更、属性の変更、CSSスタイルの変更など、さまざまな操作を行うことができます。

構文

javascriptdocument.getElementById(要素のid);

例

そのidによって入力フィールドを取得し、 value属性の内容を変更してみましょう:

html<input id="elem" value="???">
javascriptlet elem = document.getElementById('elem');
elem.value = '!!!';

コード実行結果:

html<input id="elem" value="!!!">

関連項目

  • セレクターによる要素を取得するメソッド querySelector
  • セレクターによる要素のグループを取得するメソッド querySelectorAll