DOM : DOMの操作（読み取り） – 生成AI時代のプログラミング学習

dom_dom0300_001

特定の要素を一意に取得したいときは、( A ) を使う。CSSセレクタで取得したいときは、( B ) を使う。

複数の要素をライブに取得するコレクションは ( A )、CSSセレクタで複数を静的に取得するのは ( B ) である。

要素の属性値を読み取るには ( A ) を使い、存在の有無だけを真偽で確認したい場合は ( B ) を使う。

要素のユーザに見えるテキストだけを取得するには ( A )、DOM内の全テキスト(非表示やscript/style除く)を取得するには ( B ) を使う。

要素のHTML構造を含む内容を文字列として取得したい場合は ( A )、要素自身を含めた外側のHTML文字列が欲しい場合は ( B ) を使う。

タグ名で複数要素を取得するには ( A )、クラス名で複数要素を取得するには ( B ) を使い、どちらも反復可能なコレクションを返す。

CSSセレクタで最初の一致を得るのは ( A )、すべての一致(静的NodeList)を得るのは ( B )。

フォーム入力の現在値を読み取りたい場合、属性値ではなくプロパティを読む必要がある。初期値のHTML上の値は ( A )、現在の入力値は ( B ) を使って取得する。

data-*カスタムデータを読むとき、属性文字列として取得するには ( A )、キャメルケースのプロパティとして読むには ( B ) を使う。

テキスト取得の性能と正確さを重視するなら ( A )、ユーザに見える見かけの文字列が必要なら ( B ) を使う。改行や空白の扱いも異なる。