javascriptDOMプログラミングアートノートを勉強します知識点DOM

3157 ワード

第三章
 
getElemenntById    指定されたID属性値を持つ要素ノードに対応するオブジェクトを返します.
Dcument.getElemenntById(id)
次の例:
1 document.getElementById("purchases")
 
getElements ByTagName  方法は、オブジェクトの配列を返します.各オブジェクトは、ドキュメント内に指定されたラベルを持つ要素にそれぞれ対応しています.
element.getElements ByTagName
次の例:
1 document.getElementsByTagName("li")

2 alert(document.getElementsByTagName("li").length);
 
get Elements ByClass Name   HTML 5 DOMが追加され、class属性のクラス名で要素にアクセスすることができます.
get Elements ByClass Name(class)
次の例:
1 document.getElementsByClassName("sale")
 
get Attribute   は関数です.これは一つのパラメータしかありません.お調べしたい属性の名前です.
object.get Attribute(atribute)
次の例:
1 var paras = document.getElementsByTagName("p");

2 for(var i=0;i < paras.length;i++){

3     alert(paras[i].getAttribute("title"));

4 }
 
set Attribute  属性ノードの値を変更することができます.要素ノードのみに使用できます.
object.set Attribute(atribute、value)
次の例:
1 var shopping = document.getElementById("purchases");

2 shopping.setAttribute("title","a list of goods");
 
第四章
 
childNodes 属性は、任意の要素のすべての要素を取得するために使用できます.この要素のすべてのサブ要素を含む配列です.
element.childNodes
次の例:
1 var body_element = document.getElementByTagName("body")[0];

2 body_element.childNodes

3 document.getElementByTagName("body")[0].childNodes
 
nodeType 属性は、ノードごとにnodeType属性があります.この属性は、どのノードと付き合っているかを知ることができます.
node.nodeType
nodeType属性は全部で12種類ありますが、中には3つの実用価値があります.
要素ノードのnodeType属性値は1です.
属性ノードのnodeType属性値は2です.
テキストノードのnodeType属性値は3です.
次の例:
1 alert(body_element.nodeType);
 
nodeValue 属性は、ノードの値を得るために使用されます.
node.nodeValue
次の例:
1 alert(decription.nodeValue);

2 alert(decription.childNodes[0].nodeValue);
 
first Child 属性と 
lastChild 属性
first Child属性は、child Nodes配列の最初の要素を表します.
lastChild属性は、childNodes配列の最後の要素を表します.