HTML DOM Document getElementById() na paraan

Paglilinaw at Paggamit

getElementById() Ang method ay magbibigay ng elemento na may katumbas na id na halaga.

Kung ang elemento ay wala:getElementById() Ang method ay magbibigay ng null.

getElementById() Ang method ay isa sa pinaka ginagamit na method sa HTML DOM. Halos bawat beses na gusto mong basahin o baguhin ang HTML element, gagamitin mo ito.

Paalaala

Ang anumang id ay dapat maging natatanging, ngunit:

Kung mayroong dalawa o higit pang elemento na may katumbas na id, getElementById() Bumalik sa una.

Para sa iba pang pagkikita:

getElementsByTagName() na paraan

getElementsByClassName() na paraan

querySelector() na paraan

querySelectorAll() na paraan

Mga halimbawa

Mga halimbawa 1

Huhubog ang elemento na may katumbas na id:

document.getElementById("demo");

Subukan Nang Personal

Mga halimbawa 2

Huhubog ang elemento at magbabago ng kulay:

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

Subukan Nang Personal

Mga halimbawa 3

o kaya lang magbaguhin lang ng kulay:

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

Subukan Nang Personal

Sintaksis

document.getElementById(elementId)

Parameter

Parameter Paglalarawan
elementId Mahahalagang. Halaga ng id ng elemento.

Bilang Halimbawa

Uri Paglalarawan
Objekto

ng elemento na may tinukoy na id.

Kung hindi natagpuan, ibabalik null.

Detalye ng Teknolohiya

getElementById() Ang paraan ay isang mahalagang pangunahing paraan, dahil ito ay nagbibigay ng madaling paraan para sa pagkuha ng Element na tugma na kumakatawan sa tinukoy na dokumentong elemento.

Ang paraan ay naghahanap ng halaga ng atribute ng id na elementId na tugma, at ibabalik ito. Kung walang makita na elemento, ito ay ibabalik null. Ang halaga ng atribute ng id ay natatanging sa dokumento, kung ang paraan ay nakakita ng ilang Element na tugma na may tinukoy na elementId ng Element na tugma, na maaring magsalita ng isang tulad na Element na tugma, o maaaring magsalita ng null.

Babala:Ang pangalan ng paraan ay may Id pangwakas, hindi IDna huwag mangilala!

Sa HTML dokumento, ang paraan ay palaging naghahanap ng atribute na may tinukoy na id. Gamitin mo HTMLDocument.getElementByName() Paraan, ayon sa halaga ng kanilang name atribute upang hanapin ang HTML element.

Sa XML dokumento, ang paraan ay ginagamit ang anumang atribute na may uri na id upang hanapin, kahit na anong pangalan ng atribute. Kung ang uri ng XML atribute ay hindi kilala (katulad na ang XML parser ay pinagwala o hindi nakilala ang DTD ng dokumento), ang paraan ay palaging bumabalik sa nullSa client-side JavaScript, ang paraan ay hindi madalas na ginagamit kasama ang XML dokumento. Sa katunayan,getElementById() Ang paraan ay unang tinukoy bilang isang miyembro ng HTMLDocument interface, ngunit napalitan sa susunod na 2 na level DOM sa Document interface.

Suporta ng browser

document.getElementById() Ito ay DOM Level 2 (2001) katangian.

Suporta ng lahat ng browser:

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

Kaugnay na pahina

Tuturong CSS:CSS 语法

Manwal ng CSS:CSS #id 选择器

Manwal ng HTML DOM:HTML DOM id Atribute

Manwal ng HTML DOM:Object Style ng HTML DOM