HTML DOM Element setAttribute() yöntemi

Tanım ve Kullanım

setAttribute() Belirtilen özelliği ekler ve ona belirtilen değeri atar.

Belirtilen özellik zaten varsa, sadece değeri ayarlar/değiştirir.

Dikkat:HTML belgesinin HTMLElement nesnesi, tüm standart HTML özelliklerine karşılık gelen JavaScript özelliklerini tanımlar. Bu nedenle, yalnızca standart olmayan özellikleri ayarlamak gerektiğinde bu yöntemi kullanmanız gerekir.

Ayrıca bkz.:

Referans Kılavuzu:

getAttribute() yöntemi

removeAttribute() yöntemi

hasAttribute() yöntemi

hasAttributes() yöntemi

getAttributeNode() yöntemi

setAttributeNode() yöntemi

removeAttributeNode() yöntemi

Tuturam:

HTML özellikleri

Örnek

Örnek 1

Elemente class özelliği ekleyin：

element.setAttribute("class", "democlass");

Eklenmeden önce:

Element nesnesi

Eklenmeden sonra:

Element nesnesi

Kişisel olarak deneyin

Örnek 2

Giriş alanını düğme olarak değiştirin:

myInput.setAttribute("type", "button");

Kişisel olarak deneyin

Değiştirilmeden önce:

Değiştirildikten sonra:

Örnek 3

<a> elementine href özelliği ekleyin:

myAnchor.setAttribute("href", "");

Kişisel olarak deneyin

Eklenmeden önce:

codew3c.com'u ziyaret edin

Eklenmeden sonra:

codew3c.com'u ziyaret edin

Örnek 4

target özelliğinin değerini "_self" olarak değiştirin:

if (element.hasAttribute("target")) {      
  element.setAttribute("target", "_self");
}

Kişisel olarak deneyin

Gramer

element.setAttribute(name, value)

Parametre

Parametre Açıklama
name Gerekli. Özellik adı.
value Gerekli. Yeni özellik değeri.

Dönüş değeri

Yok.

At

Hata Açıklama
INVALID_CHARACTER_ERR Parametre name HTML özellik adı veya XML özellik adında kullanılmayacak karakterler içerenler.
NO_MODIFICATION_ALLOWED_ERR Mevcut element salt okunur ve özelliklerini değiştirmek yasaktır.

Dikkat!

Bir elemente değer içeren style özelliği ekleyebilirsiniz, ancak bu yapılmaması önerilir çünkü bu, style özelliğindeki diğer özellikleri geçersiz kılar.

Lütfen Style nesnesinin özelliklerini kullanın:

Dezavantajlar:

element.setAttribute("style", "background-color:red;");

Avantajlar:

element.style.backgroundColor = "red";

Tarayıcı Desteği

element.setAttribute() Bu, DOM Level 1 (1998) özelliğidir.

Tüm tarayıcılar tamamen destekler:

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