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() | ノードの属性を設定する |