DOM（Document Object Model）: ElementDOM関数
DOMとは？
2007/7/1
DOM（Document Object Model）とは、プログラムやスクリプトで使って（X）HTML・XML文書の構造やノードに動的にアクセスためのAPIです。 JavaScriptでは(X)HTML・XML文書をオブジェクトとして扱えます。 プロパティやメソッドで各要素にアクセスすれば、要素の情報を取得したり、その情報を書き換えることができるので、静的なHTMLを動的に変化させることができます。
DOMプロパティ一覧
2007/7/1
| プロパティ | 説明 |
|---|---|
| attributes[] | ノードの属性リストを取得 |
| childNodes[] | 子ノードのリストを取得 |
| className | クラス名の取得・設定 |
| dir | テキスト・ディレクションの取得・設定 |
| firstChild | 最初の子ノードを取得 |
| id | ID名の取得・設定 |
| innerHTML | ノード内のHTML要素の取得・設定 |
| innerText/textContent/innerText | ノード内のプレーンテキストの取得・設定 |
| lang | 言語コードの取得・設定 |
| lastChild | 最後の子ノードを取得 |
| localName | ローカル名の取得 |
| namespaceURI | 名前空間URIの取得 |
| previousSibling/nextSibling | 直前・直後の兄弟ノードを取得 |
| nodeName | ノードの名前を取得 |
| nodeType | ノードの型を取得 |
| nodeValue | ノードの値を取得 |
| ownerDocument | オーナードキュメントを取得 |
| parentNode | 親ノードを取得 |
| prefix | 名前空間の識別子を取得 |
| tagName | タグ名の取得・設定 |
| title | タイトル属性の取得・設定 |
DOMメソッド一覧
2007/7/1
| メソッド | 説明 |
|---|---|
| appendChild() | ノードを末尾に追加する |
| cloneNode() | ノードを複製する |
| createComment() | コメントノードをを生成する |
| createElement() | エレメントノードを生成する |
| createTextNode() | テキストノードを生成する |
| getAttribute() | ノードの属性を取得する |
| getElementByTagName() | タグ名を取得する |
| hasChildNodes() | 子ノードがあるか調べる |
| insertBefore() | 任意の位置にノード挿入する |
| replaceChild() | ノードを置換する |
| removeChild() | ノードを削除する |
| replaceChild() | ノードを置換する |
| setAttribute() | ノードの属性を設定する |