JavaScript DOM学習ノート4——指定ノードへのアクセス

DOMで指定されたノードにアクセスするには主に以下のいくつかの関数が必要です.
 1.getElements ByTagName:
(1)指定されたラベルを含むノードリストのノードを返すために使用されます.そして、前のブログで言及された配列文法(かっこ)またはitem(pos)によって、NodeListの具体的な要素を取得することができる.下のコードセグメントを見てください.

//  img      
var oImgs = document.getElementsByTagName("img");  
//        img         
var secondImg = oImgs[1];  
//     img         
var thirdImg = oImgs.item(2); 

(2)指定されたラベルの下にあるすべての特定のラベルを取得する必要がある場合、例えば、最初のulの下にあるすべてのli要素を見つける必要がある.それならこのように使えます.

var oUls = document.getElementsByTagName("ul"); 
var oLis = oUls[0].getElementByTagName("li"); 

(3)この方法は、オンスマッチによってもよい.

document.getElementsByTagName("*"); 

この場合、ページのすべての要素が取得されます.ただし、IE 6ではこのような使用は無効であり、以下の方法が必要であることに注意してください.

document.all; 

2.Dcument.getElemenntById():
    ラベルのID属性に基づいて、ページ内のラベルに対応する要素を取得します.この方法は非常に有用である.ID属性はページ全体が一意である必要があるので、単一の特性ノードを最も効果的に取得する方法である.

document.getElementById("id"); 

3.Dcument.getElements ByName():
    この方法は主にname属性の同じ一連の要素を得るためである.非常に典型的な例は、ラジオコントロールです.

<form method="post" action="...."> 
    <input type="radio" name="radioSex" value="male"/> 
    <input type="radio" name="radioSex" value="female"/> 
</form> 

  

document.getEementsByName("radioSex"); 

 
参考図書目録:
『JavaScript高級プログラミング』Nicolas C.Zakas著、曹力張欣等訳.