DOMメソッド-js

DOM要素を取得します。

  1. getElementByIdを(コンテキストのみ文書)
  2. getElementsByTagNameの(戻り値のHTMLCollection要素のコレクション)
  3. getElementsByClassName(同上、互換性のないIE6-8)
  4. getElementsByName(コンテキストのみ文書)
  5. querySelector(CSSセレクタ似た、〜8のみ互換性がないIE6を取得)
  6. querySelectorAll(CSSセレクタに似ては、すべての互換性のないIE6を取得〜8)
  7. document.head(ヘッド)
  8. document.body(ボディ)
  9. 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:ヌル

ノード間の関係を説明する属性

  1. parentNode:現在のノードのみの父ノードを取得します。
  2. childNodes:ノードソンレベルのすべてのタイプを取得します。
  3. 子供:現在の要素の子ノードのすべての要素を取得
  4. previousSiblingは:兄弟ノード
  5. previousElementSibling:兄弟要素ノード
  6. nextSibling:次のノードの弟
  7. nextElementSibling:次の兄弟要素ノード
  8. firstChild:最初の子ノード
  9. firstElementChild:最初の子要素
  10. lastChild:最後の子
  11. lastElementChild:最後の要素の子

DOMの追加および削除

  1. createElement:要素タグを作成します
  2. APPENDCHILD:指定されたオブジェクトの最後に要素を容器に
  3. insertBefore:タグ要素の特定の要素へのオブジェクトは、コンテナを指定する前
  4. cloneNodeを:クローン・ノード
    • [curEle].cloneNode():浅いクローン
    • [curEle].cloneNode(true)ディープクローン
  5. removeChild:特定の要素を削除
  6. セット/取得/ removeAttribute:セット/特定のカスタムプロパティの現在の要素を削除/取得

おすすめ

転載: www.cnblogs.com/wangshouren/p/11615857.html