HTML DOM getElementById() metode
Definition og brug
getElementById() metoden returnerer en reference til det første objekt med den angivne ID.
Syntaks
document.getElementById(id)
Forklaring
HTML DOM definerer flere metoder til at finde elementer, udover getElementById() findes der også getElementsByName() og getElementsByTagName().
Men hvis du har brug for at finde et bestemt element i dokumentet, er den mest effektive metode getElementById().
Når du opererer med et bestemt element i et dokument, er det bedst at give elementet en id-attribut, tildel det et unikt navn (i dokumentet) og derefter kan du finde det ønskede element ved hjælp af ID'en.
Eksempel
Eksempel 1
<html>
<head>
<script type="text/javascript">
function getValue()
{
var x=document.getElementById("myHeader")
alert(x.innerHTML)
}
</script>
</head>
</body>
<h1 id="myHeader" onclick="getValue()">Dette er en overskrift</h1>
<p>Klik på overskriften for at få en advarsel med dens værdi</p>
</body>
</html>
Eksempel 2
getElementById() er en vigtig metode, og dens brug er meget almindelig i DOM-programmering. Vi har defineret en værktøjsfunktion, så du kan bruge getElementById() metoden med en kortere navn:
function id(x) {
hvis (typeof x == "string") return document.getElementById(x);
return x;
}
Denne funktion accepterer element ID som deres parameter. For hver sådan parameter skal du bare skrive x = id(x) før brug.
