SYNCERのロゴ
アイキャッチ画像

NonElementParentNode.getElementById() - id属性から要素を取得する

getElementById()は、NonElementParentNodeのメソッドです。id属性を指定して要素を取得します。

概要

名前
getElementById
所属
NonElementParentNode
IDL
Element? getElementById(DOMString elementId);
仕様書
https://dom.spec.whatwg.org/#dom-nonelementparentnode-getelementbyid

説明

引数(elementId)には、対象のid属性を指定します。

返り値はElementです。存在しない場合はnullです。

チュートリアル

getElementById()は、id属性を指定して要素を取得します。

<p id="hoge">SYNCER</p>
var elements = document.getElementById( "hoge" ) ;	// <p id="hoge">SYNCER</p>

デモ

NonElementParentNode.getElementById()のデモです。

<!-- このコードは編集できます。 -->

<!DOCTYPE html>
<html>
<body>
<p id="hoge">SYNCER</p>
<hr>
<div id="result"></div>
<script>
var element = document.getElementById( "hoge" ) ;

console.log( element ) ;
document.body.appendChild( new Text( element ) ) ;
</script>
</body>
</html>

サポート状況

ChromeFirefoxSafariEdgeIEOperaiOS SafariAndroid
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年10月8日 (日)
コンテンツを公開しました。