domノート

1917 ワード

ノード


各ノードはオブジェクトです.
  • 要素ノード(ラベルなど)
  • プロパティノード(title="A picture")
  • などのすべてのプロパティが要素に含まれています.
  • テキストノード(テキスト)
  • 要素の取得


    ドキュメント内の各要素がオブジェクトであるため、取得されたのはオブジェクトです.
  • getElementById
  • getElementsByTagNameはオブジェクト配列を返し、ワイルドカードをパラメータとして使用できます.たとえば、
  • alert(document.getElementsByTagName("*").length) 
    // 
    
  • getElementsByClassNameは、複数のクラス名を持つ要素を検索し、文字列パラメータでクラス名をスペースで区切るだけでオブジェクト配列を返します.例:
  • alert(document.getElementsByClassName("important sale").length)
    

    注意:エレメントのclassプロパティでクラス名の順序が「sale important」であっても、エレメントは一致します.クラス名の実際の順序は重要ではないだけでなく、要素がより多くのクラス名を持っていても大丈夫です.

    属性の取得と設定

  • getAttribute
  • var paras=document.getElementByTagName("p")
    for(var i=0;i

    以上、titleプロパティがない場合、getAttribute(「title」)メソッドはnull値を返します.
    getAttributeメソッドはdocumentオブジェクトに属していないため、documeオブジェクトで呼び出すことはできません.要素ノードオブジェクトでのみ呼び出すことができます.
  • setAttributeはgetAttributeと同様に、要素ノードにのみ使用できます.
  • xx.setAttribute("title","a list of goods")
    

    childNodesプロパティ


    ノードツリーでは、childNodesプロパティを使用して、この要素のすべてのサブ要素を含む配列である任意の要素のすべてのサブ要素を取得できます.
    var body_element=document.getElementByTagName('body')[0];
    alert(body_element.childNodes.length);
    

    NodeTypeプロパティ


    ノードごとにnodeType属性があります.
    node.nodeType
    

    NodeTypeの値は数値です
  • 要素ノードのnodeType属性値は1
  • である.
  • 属性ノードの属性値は2
  • である.
  • テキストノードの属性値は3
  • である.

    nodeValueプロパティ


    nodeValueプロパティを使用すると、テキストノードの値を変更できます.
    A tree
    var desription=document.getElementById("description");
    alert(description.nodevalue);
    //null, p nodeVlue , 

    alert(description.childNodes[0].nodeValue);//A tree


    义齿