HTML DOM Document getElementById() -menetelmä

Määritelmä ja käyttö

getElementById() Menetelmä palauttaa elementin, jolla on määritelty id-arvo.

Jos elementtiä ei ole olemassa:getElementById() Menetelmä palauttaa null。

getElementById() Menetelmä on yksi HTML DOM:n käytetyimmistä menetelmistä. Se käytetään lähes aina, kun haluat lukea tai muokata HTML-elementtiä.

Huomio:

Kaikki id:t tulisi olla ainutlaatuisia, mutta:

Jos on olemassa kaksi tai useampi elementtiä, joilla on sama id: getElementById() Palauttaa ensimmäisen.

Katso myös:

getElementsByTagName() -menetelmä

getElementsByClassName() -menetelmä

querySelector() -menetelmä

querySelectorAll() -menetelmä

Esimerkki

Esimerkki 1

Hanki elementti, jolla on määritelty id:

document.getElementById("demo");

kokeile itse

Esimerkki 2

Hanki elementti ja muuta sen väriä:

const myElement = document.getElementById("demo");
myElement.style.color = "red";

kokeile itse

Esimerkki 3

tai vain muuta sen väriä:

document.getElementById("demo").style.color = "red";

kokeile itse

syntaksi

document.getElementById(elementId)

parametrit

parametrit kuvaus
elementId pakollinen. Elementin id-arvo.

palautusarvo

tyyppi kuvaus
objekti

elementti, jolla on määritetty

Jos ei löydy, palauttaa null.

Tekninen yksityiskohta

getElementById() Tämä metodi on tärkeä ja yleinen metodi, koska se tarjoaa helpon tavan saada tietyn dokumenttielementin Element-objekti.

Tämä metodi hakee id-ominaisuuden arvon elementId ja palauttaa sen. null。id-ominaisuuden arvo on yksilöllinen dokumentissa, jos metodi löytää useita elementtejä, joilla on määritetty elementId Elementti solmu, se palauttaa satunnaisesti tällaisen Elementti-solmun tai palauttaa null。

Huomaa:Tämän metodin nimi alkaa Id loppu, ei IDkäytä tätä, älä kirjoita väärin!

HTML-dokumentissa tämä metodi aina hakee omistavan tietyn id:n ominaisuuden. HTMLDocument.getElementByName() metodit, jotka etsivät HTML-elementtejä niiden name-ominaisuuksien arvon perusteella.

XML-dokumentissa tämä metodi käytetään tyyppisen id:n mukaisella minkä tahansa ominaisuudella etsimiseen, riippumatta ominaisuuden nimestä. Jos XML-ominaisuuden tyyppi on tuntematon (esim. XML-tulkitsija jättää sen huomiotta tai ei voi sijoittaa DTD:ää dokumenttiin), metodi palauttaa aina null。getElementById() Alkuperäisesti tämä metodi määriteltiin HTMLDocument-liitteen jäsenenä, mutta se siirrettiin myöhemmin 2. tason DOM:aan Document-liitteen sisälle.

selaimen tuki

document.getElementById() se on DOM Level 2 (2001) ominaisuus.

Kaikki selaimet tukevat sitä:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
tuki 9-11 tuki tuki tuki tuki

liittyvät sivut

CSS ohjeCSS-kieli

CSS viittausoppikirja:CSS #id-valitsin

HTML DOM viittausoppikirja:HTML DOM id-ominaisuus

HTML DOM viittausoppikirja:HTML DOM Style-objekti