JS Dom_API

JavaScript_Dom_API

図1に示すように、ノード(HTMLコンテンツの全てのような、ノード考えることができる:DOCTYPE、HTML、頭部、コメント、DIVコンテンツ「ハロー」、スペース、キャリッジは、すべてのノードを返します)

  ノードを取得1)基本的な属性情報:

    nodeTypeの、ノードタイプ

    nodeNameを、要素タグ名

    nodeValue;要素の値

  2)そのプロパティ階層を示しています。

    parentNode;親

    parentElement;親要素

    ownerDocument、現在の要素のドキュメントオブジェクト

    childNodeが、子ノード

    firstChild; childNodeが最初のノード

    lastChild; childNodeが最後のノード

    ノードの兄弟次のノード。nextSibling

    ノードの前の兄弟ノード、previousSiblingは

  3)その他の方法:

    (1)親ノードのメソッド呼び出し:

      リストchildNodeがの終わりにノードを追加する;のappendChild()

      insertBefore(新しい、参照)、新しいノードを挿入します。新しい:挿入するノードと、基準:基準ノードとして

      (新、旧)のreplaceChild、ノードを交換。新しい:挿入するノード;参照:交換するノード

      removeChild(v)は、ノードを削除します。V:ノードを削除するには

      cloneNodeを([ブール]);のサイトを複製します。引数がtrueの場合、その深いコピー

図2に示すように、ドキュメント(文書全体のHTMLまたはXMLファイルを表す文書、一般文書、即ち、文書のインスタンスを表すために使用されるHTML)

  1)要素法を探します:

    getElementByIdを()は、要素IDを取得します。

    getElementsByClassName();要素のクラス名を取得します。

    getElementsByTagNameの();要素のタグ名を取得

    getElementsByName();要素名を取得します。

  2)セレクター:

    querySelector();指定したCSSセレクタに一致する文書内の要素を返します

    選択した文書の指定されたグループに一致する要素のリストを返します。querySelectorAll()

図3に示すように、要素(エレメント、HTML文書要素インスタンスにマッピングすることができるすべての要素)

  1)要素階層関連の属性:

    子供、子ノード(のみElementオブジェクトが含まれています)

    firstElementchild;最初の子要素ノード

    lastElementchild;最後の子ノード

    nextElementSibling、次の兄弟ノード

    previousElementSibling;兄弟ノードを

    innerHTMLのは、取得したHTMLコンテンツの要素を設定します

    innerTextは、取得またはテキスト要素の内容を設定し、

    TextContent;  

  2)関連のプロパティ方法:

    getAttribute(キー);カスタムプロパティを取得します。キー:属性名は、実際の要素であり、

    setAttribute(キー、val)で、プロパティを設定します。キー:設定する特性の名前; valが:値が置き換え、存在する場合、対応する値であります

    removeAttribute();指定された属性を削除します

    指定された要素と一致する文書は、CSSセレクタを返し、querySelector(セレクタ)

    querySelectorAll(セレクタ)は、選択された文書の指定されたグループに一致する要素のリストを返します

4、テキスト(テキスト、テキスト、以下の "Hello World" のテキストコンテンツを表した<div>のHello World </ DIV>)

  1)テキスト・ノード

    長さ、テキストの長さ

    appendData(テキスト);テキストを追加

    deleteData(beginIndexのカウント);削除されたテキスト 

    insertData(beginIndexパラメータ、テキスト);テキスト挿入

    replaceData(beginIndexの、数、テキスト);置換テキスト

    SPLITTEXT(beiginIndex);つのテキスト・ノードに現在のテキストノードからbeiginIndex位置

    document.createTextNode();パラメータはテキストノードに挿入されるように、テキストノードを作成します

    substringData(beiginIndex、カウント); beiginIndexから抽出されたカウントのサブストリングを開始

5、コメント(次のように、注意してください:<! - 注釈コンテンツ - >)

 

 

 

    

 

 

 

 

 

    

    

おすすめ

転載: www.cnblogs.com/lidyfamily/p/11454665.html