1. getElementById()
getElementById() kann auf ein bestimmtes Element in DOCUMENT zugreifen. Wie der Name schon sagt, erhält es das Element über die ID, sodass nur auf das Element mit der festgelegten ID zugegriffen werden kann.
Es gibt zum Beispiel ein DIV mit der ID docid:
Programmcode
<div id=docid></div>
Dann können Sie getElementById(docid) verwenden, um dieses Element abzurufen.
2.getElementsByName()
Dies dient dazu, Elemente über NAME abzurufen, aber ich frage mich, ob Ihnen aufgefallen ist, dass dies GET ELEMENTS ist. Der Plural ELEMENTS bedeutet, dass das, was erhalten wird, kein Element ist.
Da die ID jedes Elements in DOCUMENT eindeutig ist, kann der NAME jedoch wiederholt werden. Um eine Analogie zu verwenden: Es ist so, als ob die Personalausweisnummer einer Person eindeutig ist (theoretisch, obwohl es in der Realität Duplikate gibt), es aber viele doppelte Namen gibt. Wenn ein Dokument
Wenn mehr als zwei Tags mit demselben Namen vorhanden sind, kann getElementsByName() diese Elemente abrufen, um ein Array zu bilden.
Es gibt beispielsweise zwei DIVs:
Programmcode
<div name=docname id=docid1></div>
<div name=docname id=docid2></div>
Dann können Sie getElementsByName(docname) verwenden, um diese beiden DIVs abzurufen, getElementsByName(docname)[0] verwenden, um auf das erste DIV zuzugreifen, und getElementsByName(docname)[1] verwenden, um auf das zweite DIV zuzugreifen.
3. getElementsByTagName()
Dies dient dazu, Elemente über TAGNAME (Tag-Name) abzurufen. Natürlich hat ein DOCUMENT dasselbe Tag, daher erhält diese Methode auch ein Array.
Das folgende Beispiel enthält zwei DIVs. Sie können mit getElementsByTagName(div)[0] auf das erste DIV zugreifen
getElementsByTagName(div)[1] greift auf den zweiten DIV zu.
Um das Standard-DOM zusammenzufassen: Versuchen Sie, den Standard getElementById() für den Zugriff auf ein bestimmtes Element und den Standard getElementByTagName() für den Zugriff auf Tags zu verwenden. Der IE unterstützt jedoch getElementsByName() nicht, daher sollten Sie die Verwendung vermeiden.
getElementsByName(), aber getElementsByName() und das nicht standardmäßige document.all[] sind nicht nutzlos. Ob Sie sie verwenden oder nicht, hängt davon ab, welchen Browser die Website-Benutzer verwenden.