DOM要素を取得します。
- getElementByIdを(コンテキストのみ文書)
- getElementsByTagNameの(戻り値のHTMLCollection要素のコレクション)
- getElementsByClassName(同上、互換性のないIE6-8)
- getElementsByName(コンテキストのみ文書)
- querySelector(CSSセレクタ似た、〜8のみ互換性がないIE6を取得)
- querySelectorAll(CSSセレクタに似ては、すべての互換性のないIE6を取得〜8)
- document.head(ヘッド)
- document.body(ボディ)
- document.firstChild(HTML)
ノード
すべては要素ノード(HTMLタグは)でHTML文書に表示されるノード
テキストノード(テキスト)コメントノード(脚注)ドキュメント・ノード(文書)
...ノードの各タイプには、いくつかの属性は、そのプロパティを差別しています前記
のnodeType:ノード・タイプnodeNameを:ノード名
のnodeValue:ノード値
要素ノード:
nodeTypeの:1つ
のnodeName:大文字のタグ名
のnodeValue:ヌル
Textノード:
nodeTypeの:3
のnodeName: '#テキスト'
のnodeValue:テキスト
Commentノード:
nodeTypeの:8
のnodeName: '#コメント'
のnodeValue:脚注
ドキュメントノード:
nodeTypeの:9
のnodeName: '#ドキュメント'
のnodeValue:ヌル
ノード間の関係を説明する属性
- parentNode:現在のノードのみの父ノードを取得します。
- childNodes:ノードソンレベルのすべてのタイプを取得します。
- 子供:現在の要素の子ノードのすべての要素を取得
- previousSiblingは:兄弟ノード
- previousElementSibling:兄弟要素ノード
- nextSibling:次のノードの弟
- nextElementSibling:次の兄弟要素ノード
- firstChild:最初の子ノード
- firstElementChild:最初の子要素
- lastChild:最後の子
- lastElementChild:最後の要素の子
DOMの追加および削除
- createElement:要素タグを作成します
- APPENDCHILD:指定されたオブジェクトの最後に要素を容器に
- insertBefore:タグ要素の特定の要素へのオブジェクトは、コンテナを指定する前
- cloneNodeを:クローン・ノード
[curEle].cloneNode()
:浅いクローン[curEle].cloneNode(true)
ディープクローン
- removeChild:特定の要素を削除
- セット/取得/ removeAttribute:セット/特定のカスタムプロパティの現在の要素を削除/取得