javascriptDOMプログラミングアートノートを勉強します知識点DOM
3157 ワード
第三章
getElemenntById 指定されたID属性値を持つ要素ノードに対応するオブジェクトを返します.
Dcument.getElemenntById(id)
次の例:
getElements ByTagName 方法は、オブジェクトの配列を返します.各オブジェクトは、ドキュメント内に指定されたラベルを持つ要素にそれぞれ対応しています.
element.getElements ByTagName
次の例:
get Elements ByClass Name HTML 5 DOMが追加され、class属性のクラス名で要素にアクセスすることができます.
get Elements ByClass Name(class)
次の例:
get Attribute は関数です.これは一つのパラメータしかありません.お調べしたい属性の名前です.
object.get Attribute(atribute)
次の例:
set Attribute 属性ノードの値を変更することができます.要素ノードのみに使用できます.
object.set Attribute(atribute、value)
次の例:
第四章
childNodes 属性は、任意の要素のすべての要素を取得するために使用できます.この要素のすべてのサブ要素を含む配列です.
element.childNodes
次の例:
nodeType 属性は、ノードごとにnodeType属性があります.この属性は、どのノードと付き合っているかを知ることができます.
node.nodeType
nodeType属性は全部で12種類ありますが、中には3つの実用価値があります.
要素ノードのnodeType属性値は1です.
属性ノードのnodeType属性値は2です.
テキストノードのnodeType属性値は3です.
次の例:
nodeValue 属性は、ノードの値を得るために使用されます.
node.nodeValue
次の例:
first Child 属性と
lastChild 属性
first Child属性は、child Nodes配列の最初の要素を表します.
lastChild属性は、childNodes配列の最後の要素を表します.
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配列の最後の要素を表します.