Documentオブジェクトの共通メソッド_基礎知識

1. getElementById(id)
要素の ID を介して要素にアクセスします。これは、DOM 内のページ要素にアクセスするための基本的な方法です。たとえば、次のようになります。次の例では、DOM レイヤーをたどることなく、DIV の ID を使用してすぐにアクセスできます。

コードをコピーします コードは次のとおりです。

h

テスト用です。

var div=document; .getElementById('divid');
alert(div.nodeName);


この関数を使用する場合は、要素の ID が一意でない場合は、最初の A 修飾要素。
IE6 では、input、checkbox、radio などの要素名が指定された ID と一致する場合、それらにもアクセスされます
。たとえば、次の例では、取得された要素は input です。 🎜>

コードをコピー


コードは次のとおりです:

<script> =document.getElementById('divid' ); </span></script>

2. getElementsByName(name)

name という名前の要素の配列を返します。IE6 では、要素 ID がこの名前と一致する場合、この要素も含まれ、getElementsByName() は次のような要素オブジェクトにのみ使用されます。入力、ラジオ、チェックボックスなど。
以下の例のように、georges 配列の長さは 0 である必要があります。




コードをコピー

コードは次のとおりです。
div name= "george">f

f

3 . getElementsByTagName(tagname) getElementByTagName は DOCUMENT または要素に使用できます。 getElementsByTagName は、指定されたタグ名を持つ子要素のリスト (配列) を返します。この配列を反復処理して、個々の子要素を取得できます。非常に大規模な DOM 構造を扱う場合、このアプローチにより構造全体を簡単に絞り込むことができます。