HTML page_javascript スキルのコントロールにアクセスする Javascript メソッドの詳細な分析

会社でのこの空き時間に、HTML コントロールへの JavaScript アクセスを勉強することにしました。ここで、テストに合格したので、次の研究成果を共有します。そして補足。

本題に入りましょう:
アクセス制御の主なオブジェクトは次のとおりです: ドキュメント オブジェクト。現在のドキュメントのすべての (サブオブジェクト) 個人的なビューに対応します。また、オブジェクトにアクセスするための主要なメソッドがいくつか提供されています。 「🎜> 1 ．まず、document.getElementById の使用法について説明します。
Var obj=document.getElementById("ID") 指定された ID 属性値に基づいてオブジェクトを取得します。 id 属性値が ID と等しい最初のオブジェクトへの参照を返します。対応するオブジェクトがオブジェクトのグループである場合、グループ内の最初のオブジェクトが返されます。

>)”)" 上記のコードを IE でテストし、最初のテキスト ボックスに 1 を入力し、2 番目のテキスト ボックスに 1 を入力しました。次に、2 つのボタンをクリックして 1 ポンドを食べます。その結果、両方のボタンは最初のテキスト ボックスの値を返します。これは、IE が document.getElementById(elementName) を実行すると、名前または ID が elementName と等しい最初のオブジェクトを返し、ID に基づいて検索しないことを示しています。
しかし、逆に、Firefox ではこの問題は発生しません。 Firefox が document.getElementById(elementName) を実行すると、elementName に等しい ID を持つオブジェクトのみが見つかります。それが存在しない場合は、
2 を返します。 document.getElementsByName の使用法を見てみましょう。
Var obj=document.getElementsByName("Name") は、Name 属性の値に基づいてオブジェクト コレクションを取得します。指定された Name と同じ名前を持つオブジェクトのコレクションを返します。ここで返されるのは、要素が 1 つだけの場合を含むセットであることに注意してください。
document.getElementsByName("name")[0?1?2?3?....] これは、特定の要素を取得する方法です。 JavaScript では [] または () を使用してセットから値を取得できることに注意してください (テストには合格しましたが、この方法で記述するための情報はありません)。
例:
<script> <br>function prop() <br>{ <br>var objs=document.getElementsByName("a"); <br>alert(objs(0).value) ) ;//または、alert(objs[0].value) もできますが、これも正しいです。 <br>} <br></script>
="ボタン" 値="テスト" onclick="prop()"/>
3. Document.getElementsByTagName の使用法:
Var ojbs=document.getElementsByTagName("Tag") は、指定された要素名に基づくオブジェクトのコレクションに基づきます。 Tag プロパティが指定された Tag タグと等しいコレクションを返します。ここにもコレクションが返されます。 （同上）
４． document.all の使用法。
document.all は、ページ内のすべての要素のコレクションです。例:
document.all(0) はページの最初の要素を表します。
Document.all("txt") は、ID または名前が txt と等しいページ上のすべてのオブジェクトの単一要素とコレクション要素を表します。
ページ上の ID または名前が txt と等しく、要素 (名前と ID を含む) が 1 つだけある場合、document.all() の結果は 1 つの要素のみになり、それ以外の場合はコレクションになります。 (document.getElementById と document.getElementsByName のそれぞれの特性を統合します)。
次のように書くこともできます: document.all.txt は同じです。
例:
<入力名=aaa 値=aaa>
<スクリプト言語=Jscript>
. aaa.value) // 名前に基づいて値を取得します
alter(document.all.bbb.value) // ID に基づいて値を取得します

コード 2:
多くの場合、同じ名前を付けることができます (例: チェックボックスを使用してユーザーの複数の趣味を取得します)

id=bbb value=bbb>
🎜 >理論的には、ページ内の ID が互いに異なります。同じ ID で異なるタグが表示されると、次のように document.all.id が失敗します: input id=aaa value=a2>