HTML DOM Document getElementById() yöntemi

Tanım ve Kullanım

getElementById() Belirtilen id değerine sahip elementi döndürür.

Element不存在时，getElementById() Yöntem null。

getElementById() Bu, HTML DOM'da en sık kullanılan yöntemlerden biri. HTML elementini okumak veya düzenlemek istediğinizde neredeyse her zaman kullanılır.

İpucu

Her id benzersiz olmalıdır, ancak:

İki veya daha fazla aynı id'ye sahip element varsa: getElementById() İlkini döndürür.

Ayrıca bakınız:

getElementsByTagName() yöntemi

getElementsByClassName() yöntemi

querySelector() yöntemi

querySelectorAll() yöntemi

Örnek

Örnek 1

Belirtilen id'ye sahip elementi al:

document.getElementById("demo");

}}

Örnek 2

Elementi al ve rengini değiştir:

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

}}

Örnek 3

veya sadece rengini değiştir:

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

}}

Kişisel olarak deneyin

document.getElementById(elementIdGramer

)

) Tür
elementId Parametre

Gerekli. Element'in id değeri.

Dönüş değeri Tür
Açıklama

Nesnesi

Belirtilen id'ye sahip olan elementler.

Bulunmadıysa, null döndürür.

getElementById() Teknik ayrıntılar

Bu yöntem, belirtilen belge elementini temsil eden Element nesnesini elde etmek için önemli ve sık kullanılan bir yöntemdir. elementId Bu yöntem, belirtilen id değerine sahip olan id özelliğinin değerini döndürür. nulldöndürür. Belirtilen id'ye sahip birden fazla Element node'u bulunduğunda, bu node'lardan birini döndürür. Belirtilen Element node'u bulunmadığında, elementId Bu Element node'larını, bunlardan birini rastgele döndürür veya null。

Dikkat:Bu yöntemin adı Id sonuyla, IDkaydetmeyin!

HTML belgesinde bu yöntem, her zaman belirtilen id'ye sahip olan elementleri döndürür. Lütfen HTMLDocument.getElementByName() Bu yöntem, name özelliği değerlerine göre HTML elementlerini arayan bir yöntemdir.

XML belgelerinde bu yöntem, id türündeki herhangi bir özelliği kullanarak, bu özelliğin adı ne olursa olsun arar. Eğer XML özelliği türü bilinmiyorsa (örneğin, XML解析örü göz ardı etmiş veya DTD'yi belirlememişse), bu yöntem her zaman nullBu yöntem, XML belgeleriyle birlikte kullanılmazken, aslında,getElementById() Bu yöntem ilk başta HTMLDocument arayüzünün bir üyesi olarak tanımlanmıştır, ancak daha sonra 2. seviye DOM'da Document arayüzüne taşınmıştır。

Tarayıcı desteği

document.getElementById() Bu, DOM Level 2 (2001) özelliğidir。

Bütün tarayıcılar onu destekler：

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

İlgili sayfalar

CSS Rehberi：CSS dilbilgisi

CSS Referans Kılavuzu：CSS #id seçicisi

HTML DOM Referans Kılavuzu：HTML DOM id Özelliği

HTML DOM Referans Kılavuzu：HTML DOM Style Nesnesi