JavaScriptのDOMオブジェクト

DOMは「Document Object Model」の略で、HTML文書の構造を扱うためのAPIです。DOMは文書をツリー構造（ノードツリー）として表現し、各要素や属性をオブジェクトとして扱います。DOMを使用すると、JavaScriptを使ってHTMLドキュメントの内容や構造を動的に変更することができます。

APIとは：
「Application Programming Interface」の略で、ソフトウェアやアプリケーションが互いに通信し、機能やデータをやり取りするための一連の定義とプロトコルです。

document.getElementById("")について

document.getElementById()は、指定されたID属性を持つ要素を取得するためのDOMメソッドです。主に、HTML文書内の特定の要素を操作する際に使用されます。このメソッドは、nullを返すか、該当する要素が見つかった場合はその要素を返します。

var element = document.getElementById("example");

※"example"は、取得したいHTML要素のID属性の値です。

ポイント

ユニークなID:
getElementById()は、文書内でユニークなIDを持つ要素を取得します。IDは文書内で一意である必要があります。ユニークとは一意という意味です。
返り値:
要素が見つからない場合はnullを返します。見つかった場合は、対応するDOM要素オブジェクトを返します。
大文字小文字の区別:
HTMLではIDは大文字小文字を区別しません。
しかし、getElementByIdメソッドは指定したIDと完全に一致する必要があります。