Method ya HTML DOM Document getElementById()

Mifano na Tukio

getElementById() Method itakuwa na elementi ambaye ina id inayotakayokeza.

Ikiwa elementi inaelewa:getElementById() Method itakuwa na: null.

getElementById() Method inaona kwa uwanja wa HTML DOM kwa kawaida. Inafanywa kila mara ambapo unahitaji kurea au kubadilisha elementi ya HTML.

Msaada

Id yote lazima kuzungumza kwa upofupi, lakini:

Ikiwa kuna elementi mbili au zaidi yenye id yoyote iliyofanana: getElementById() Inaona kwanza.

Tazama pia:

Method ya getElementsByTagName()

Method ya getElementsByClassName()

Method ya querySelector()

Method ya querySelectorAll()

Mfano

Mfano 1

Pata elementi ambayo ina id inayotakayokeza:

document.getElementById("demo");

亲自试一试

Mfano 2

Pata elementi na badilisha rangi yake:

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

亲自试一试

Mfano 3

aupe kwa uharibika ya rangi yake:

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

亲自试一试

语法

document.getElementById(elementId)

参数

参数 描述
elementId 必需。元素的 id 值。

返回值

类型 描述
对象

拥有指定 id 的元素。

如果未找到，则返回 null。

技术细节

getElementById() 方法是一个重要的常用方法，因为它为获取表示指定的文档元素的 Element 对象提供了简便的方法。

该方法将检索 id 属性的值为 elementId 的 Element 节点，并将它返回。如果没有找到这样的元素 Element，它将返回 null。id 属性的值在文档中是唯一的，如果该方法找到多个拥有指定 elementId 的 Element 节点，它将随机返回一个这样的 Element 节点，或者返回 null.

Tahadhari:Jina la hii method ni kwanza na kuwa Id ikifunga, bila IDhataa kumfuzia!

Kwenye Taarifa ya HTML, hii inatumiwa kwa kila kiwango cha id, bila kujali jina cha kiwango hiki. Tumia HTMLDocument.getElementByName() Method, kwa kuzingatia thamani ya name ya kina yake kwa kufikiria elementi ya HTML.

Kwenye Taarifa ya XML, hii inatumiwa kwa kila kiwango cha id, bila kujali jina cha kiwango hiki. Ikiwa kiwango cha XML ni bila ya tabia (kama kinaonekana kwa kinaangalia au hauwezi kufikiria DTD ya taarifa ya hali ya hali), hii inatua: nullInaonekana katika Taarifa ya XML, hii inatumiwa kwa kila kiwango cha id, bila kujali jina cha kiwango hiki. Ikiwa kiwango cha XML ni bila ya tabia (kama kinaonekana kwa kinaangalia au hauwezi kufikiria DTD ya taarifa ya hali ya hali), hii inatua:getElementById() Makakato huo ilikuwa imewekwa kama mtu wa interfesi ya HTMLDocument, lakini baadaye ikawa kwenye interfesi ya Document katika ukingaji wa DOM wa pili.

Makakato wa Vifaa vya Kurema

document.getElementById() Ni ya Idadi ya DOM Level 2 (2001) ya Jaribio.

Wote wengi wa vifaa vya kurema vina mkakato:

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

Vingine vya Taarifa

Makini ya CSS:Lingua ya CSS

Mbijani ya CSS:Muungano wa #id wa CSS

Mbijani ya HTML DOM:Idadi ya id ya HTML DOM

Mbijani ya HTML DOM:Mwongozo wa Style ya HTML DOM