Document.getElementById()

(Web API > Document)
https://developer.mozilla.org/ja/docs/Web/API/Document/getElementById

document.getElementById(id)

Document オブジェクトの getElementById メソッドは id 属性の値を指定して要素ノードを取得する。
引数には id 属性の値を DOMString オブジェクトで指定する(例えば ‘example’ など)。戻り値は Element オブジェクトである。見つからなかった場合は null が返される。
id 属性の値は HTML ページ内で複数の要素に同じ値を付けることができないため、指定した id 属性の値が一致する要素ノードは通常一つだけである。もし同じ id 属性の値が複数の要素ノードに付けられていた場合は最初の要素ノードを取得する。

<p id="example">港区南青山</p>
<button onClick="getElement();">要素を取得</button>

<script>
function getElement(){
  let element = document.getElementById('example');
  console.log('サンプル: ' + element.textContent);
  >> サンプル:港区南青山
}
</script>
inserted by FC2 system