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 構造を扱う場合、このアプローチにより構造全体を簡単に絞り込むことができます。

コードをコピー


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


head>

<script> <strong>function start() { </strong>// タグ名が body であるすべての要素を取得します (もちろん、ページごとに 1 つだけ) 🎜>myDocumentElements =document.getElementsByTagName("body"); <br>myBody=myDocumentElements.item(0); <br>// ボディのサブ要素のすべての P 要素を取得します <div class="codetitle">myBodyElements=myBody.getElementsByTagName("p "); <span>//2 番目の P 要素を取得します<a style="CURSOR: pointer" data="41932" class="copybut" id="copybut41932" onclick="doCopy('code41932')">myP=myBodyElements.item(1); <u>//この要素のテキストを表示します</u>alert(myP.firstChild.nodeValue); </a>} </span></script>