HTML DOM:n getElementById() -metodi
Määritelmä ja käyttö
getElementById() -metodi palauttaa viittauksen ensimmäiseen ID:llä varustettuun objektiin.
Syntaksi
document.getElementById(id)
Selitys
HTML DOM määrittelee useita elementtien hakumetodeja, muun muassa getElementById(), getElementsByName() ja getElementsByTagName().
Jos sinun täytyy etsiä tiettyä elementtiä dokumentista, tehokkain tapa on käyttää getElementById() -metodia.
Kun käsitellään dokumentin tiettyä elementtiä, on parasta antaa sille id-ominaisuus ja määritellä sille yksilöllinen nimi dokumentissa, jotta voit löytää haluamasi elementin ID:n avulla.
Esimerkki
Esimerkki 1
<html>
<head>
<script type="text/javascript">
function getValue()
var x=document.getElementById("myHeader")
alert(x.innerHTML)
<h1 id="myHeader" onclick="getValue()">Tämä on otsikko</h1>
<p>Napsauta otsikkoa näyttääksesi sen arvon</p>
Esimerkki 2
getElementById() on tärkeä metodi, DOM-ohjelmoinnissa sitä käytetään erittäin usein. Olemme määrittäneet työkalufunktion, jotta voit käyttää getElementById() -metodia lyhyemällä nimellä:
function id(x) {
if (typeof x == "string") return document.getElementById(x)
return x;
Tämä funktio ottaa elementin ID:n parametrinaan. Jokaiselle tällaiselle parametrille sinun on kirjoitettava x = id(x) ennen käyttöä.
