応援クリックよろしくお願いします！
DOM (Document Object Model) は、ウェブページの内容を表現するためのプログラムインターフェースです。DOM において、ウェブページはノードの木構造として表現されます。
この木構造の各部分を「ノード」と言います。
ノードには以下のような種類があります。
- 要素ノード (Element Nodes): これはHTMLやXMLの要素を表します。
例）<div>、<a>、<p>などのタグがこれに該当します。 - テキストノード (Text Nodes): これは要素や属性のテキスト内容を表します。
例）<p>Hello, World!</p>の中の “Hello, World!” がテキストノードです。 - 属性ノード (Attribute Nodes): 要素の属性を表します。
例）<a href=”https://example.com”>Link</a>
の中の href=”https://example.com” が属性ノード。 - コメントノード (Comment Nodes): HTMLやXMLのコメントを表します。
例）<!– コメントアウト –>
他にも、文書ノード (Document Node) やドキュメントタイプノード (DocumentType Node) など、さまざまな種類のノードが存在します。
ノードの特性
- すべてのノードには parentNode、childNodes、nextSibling、previousSibling などのプロパティがあり、これによってDOMツリー上でのノードの関係が定義されます。
- ノードには nodeType というプロパティもあり、これによってノードの種類を確認することができます。
JavaScript を使用して DOM を操作する際、ノードを直接操作することでページの構造や内容を動的に変更することができます。
応援クリックよろしくお願いします！
