HTML DOM setAttribute() Yöntemi
❮ Öğe NesnesiÖrnek
Bir <h1> öğesine "democlass" değerine sahip class niteliğini ekleyin:
document.getElementsByTagName("H1")[0].setAttribute("class", "democlass");
Özelliği ayarlamadan önce:
Hello World
Özelliği ayarladıktan sonra:
Hello World
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
setAttribute() yöntemi, belirtilen niteliği bir öğeye ekler ve ona belirtilen değeri verir.
Belirtilen öznitelik zaten mevcutsa, yalnızca değer ayarlanır/değiştirilir.
Not: Bu yöntemle bir öğeye bir değerle style niteliğini eklemek mümkün olsa da, satır içi stil için bunun yerine Style nesnesinin özelliklerini kullanmanız önerilir , çünkü bu, içinde belirtilebilecek diğer CSS özelliklerinin üzerine yazmayacaktır. stil özelliği:
Kötü:
element.setAttribute("style", "background-color: red;");
İyi:
element.style.backgroundColor = "red";
İpucu: Bir öğeden bir niteliği kaldırmak için removeAttribute() yöntemini kullanın.
İpucu: setAttributeNode() yöntemine de bakın .
Tarayıcı Desteği
Tablodaki sayılar, yöntemi tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Method | |||||
---|---|---|---|---|---|
setAttribute() | Yes | 8.0 | Yes | Yes | Yes |
Sözdizimi
element.setAttribute(attributename, attributevalue)
Parametre Değerleri
Parameter | Type | Description |
---|---|---|
attributename | String | Required. The name of the attribute you want to add |
attributevalue | String | Required. The value of the attribute you want to add |
Teknik detaylar
Geri dönüş değeri: | Dönüş değeri yok |
---|---|
DOM Sürümü | Çekirdek Düzey 1 Öğe Nesnesi |
Daha fazla örnek
Örnek
Bir giriş alanını bir giriş düğmesine değiştirin:
document.getElementsByTagName("INPUT")[0].setAttribute("type", "button");
Özelliği ayarlamadan önce:
Özelliği ayarladıktan sonra:
Örnek
Bir <a> öğesine "www.w3schools.com" değerine sahip bir href niteliği ekleyin:
document.getElementById("myAnchor").setAttribute("href", "https://www.w3schools.com");
Özelliği ayarlamadan önce:
Özelliği ayarladıktan sonra:
Örnek
Bir <a> öğesinin hedef özniteliği olup olmadığını öğrenin. Öyleyse, hedef özniteliğin değerini "_self" olarak değiştirin:
// Get the <a> element with id="myAnchor"
var x = document.getElementById("myAnchor");
// If the <a> element has a target attribute, set the value to "_self"
if (x.hasAttribute("target")) {
x.setAttribute("target", "_self");
}
İlgili Sayfalar
HTML Eğitimi: HTML Nitelikleri
HTML DOM Referansı: getAttribute() Yöntemi
HTML DOM Referansı: hasAttribute() Yöntemi
HTML DOM Referansı: removeAttribute() Yöntemi
❮ Öğe Nesnesi