HTML DOM getElementById() methode
Definitie en gebruik
De methode getElementById() retourneert een verwijzing naar het eerste object met het opgegeven ID.
Syntaxis
document.getElementById(id)
Uitleg
HTML DOM definieert verschillende methoden voor het vinden van elementen, naast getElementById() zijn er ook getElementsByName() en getElementsByTagName().
Als u echter een specifiek element in het document wilt vinden, is het meest effectieve method getElementById().
Bij het werken met een specifieke element van een document, is het het beste om een id-eigenschap aan dit element toe te wijzen, een unieke naam te kiezen voor deze (in het document), en vervolgens kunt u het element met behulp van deze ID vinden.
Voorbeeld
Voorbeeld 1
<html>
<head>
<script type="text/javascript">
function getValue()
var x=document.getElementById("myHeader")
waarschuw(x.innerHTML)
<h1 id="myHeader" onclick="getValue()">Dit is een header</h1>
<p>Klik op de header om zijn waarde te waarschuwen</p>
Voorbeeld 2
getElementById() is een belangrijke methode, in DOM-programmering wordt het zeer vaak gebruikt. We hebben een hulffunctie voor u gedefinieerd, zodat u de methode getElementById() kunt gebruiken met een korte naam:
function id(x) {
if (typeof x == "string") return document.getElementById(x)
return x;
Deze functie accepteert element ID als hun parameter. Voor elk van deze parameters, schrijf je gewoon x = id(x) voordat je het gebruikt.
