HTML DOM getElementById() Methode
Definition und Verwendung
Die Methode getElementById() gibt eine Referenz auf das erste Objekt mit der angegebenen ID zurück.
Syntax
document.getElementById(id)
Erklärung
Das HTML DOM definiert verschiedene Methoden zum Finden von Elementen, darunter getElementById(), getElementsByName() und getElementsByTagName().
Wenn Sie jedoch ein bestimmtes Element im Dokument finden müssen, ist die effizienteste Methode getElementById().
Bei der Manipulation eines bestimmten Elements eines Dokuments ist es am besten, diesem Element eine id-Attribut zu geben, ihm einen (im Dokument) eindeutigen Namen zuzuweisen und kann dann das Element mit diesem ID finden.
Beispiel
Beispiel 1
<html>
<head>
<script type="text/javascript">
function getValue()
var x=document.getElementById("myHeader")
alert(x.innerHTML)
<h1 id="myHeader" onclick="getValue()">Dies ist eine Überschrift</h1>
<p>Klicken Sie auf die Überschrift, um ihren Wert anzuzeigen</p>
Beispiel 2
getElementById() ist eine wichtige Methode, deren Verwendung in der DOM-Programmierung sehr häufig ist. Wir haben eine Werkzeugfunktion definiert, damit Sie die Methode getElementById() mit einem kürzeren Namen verwenden können:
function id(x) {
if (typeof x == "string") return document.getElementById(x)
return x;
Diese Funktion akzeptiert Element-ID als Parameter. Für jeden solchen Parameter müssen Sie vor der Verwendung x = id(x) schreiben.
