HTML DOM getElementById() metod
Definition och användning
getElementById() metoden returnerar en referens till det första objektet som har det specificerade ID:et.
Syntax
document.getElementById(id)
Förklaring
HTML DOM definierar flera metoder för att hitta element, förutom getElementById() inkluderar det också getElementsByName() och getElementsByTagName().
Men om du behöver hitta ett specifikt element i dokumentet, är det mest effektiva sättet att använda getElementById().
När du manipulerar ett specifikt element i ett dokument, är det bäst att ge elementet ett id-egenskap och tilldela det ett unikt namn i dokumentet, så att du sedan kan hitta elementet med hjälp av detta ID.
Exempel
Exempel 1
<html>
<head>
<script type="text/javascript">
function getValue()
{
var x=document.getElementById("myHeader")
varna(x.innerHTML)
}
</script>
</head>
</body>
<h1 id="myHeader" onclick="getValue()">Detta är en rubrik</h1>
<p>Klicka på rubriken för att varna dess värde</p>
</body>
</html>
Exempel 2
getElementById() är en viktig metod, inom DOM-programmering används den mycket ofta. Vi har definierat en verktygsfunktion så att du kan använda getElementById() metoden med ett kortare namn:
function id(x) {
om (typeof x == "string") return document.getElementById(x);
returnera x;
}
Denna funktion tar emot element-ID som sina parametrar. För varje sådant parametrar, behöver du bara skriva x = id(x) innan du använder det.
