Örnek
Ekle class değeriyle özelliğini "democlass" a <h1> elemanı:
document.getElementsByTagName("H1")[0].setAttribute("class", "democlass");
özelliği ayarlamadan önce:
Hello World
özelliği ayarladıktan sonra:
Hello World
Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
setAttribute() metodu ekler specified bir öğeye özelliği ve belirtilen değer verir.
Eğer specified nitelik zaten var, sadece değeri / set değiştirilir.
Not: eklemek mümkün olsa da style bu yöntemle bir öğeye bir özelliğin değeri, tavsiye edilir kullanmak olduğunu Stil nesnenin özelliklerini yerine satır içi stil için, bu belirtilebilir diğer CSS özelliklerinin üzerine çünkü style özellik:
Kötü:
element .setAttribute("style",
"background-color: red;");
İyi:
element .style.backgroundColor
= "red";
İpucu: kullan removeAttribute() Bir elemanın bir öznitelik kaldırmak için yöntem.
İpucu: Ayrıca bkz setAttributeNode() yöntemini.
Tarayıcı Desteği
Tablodaki rakamlar tam yöntemini destekleyen ilk tarayıcı sürümü belirtin.
Yöntem | |||||
---|---|---|---|---|---|
setAttribute() | Evet | 9.0 | Evet | Evet | Evet |
Sözdizimi
element .setAttribute( attributename , attributevalue )
Parametre Değerleri
Parametre | tip | Açıklama |
---|---|---|
attributename | String | Gereklidir. Eklemek istediğiniz özelliğin adı |
attributevalue | String | Gereklidir. Eklemek istediğiniz özelliğin değeri |
Teknik detaylar
Geri dönüş değeri: | Hiçbir dönüş değeri |
---|---|
DOM Sürüm | Çekirdek Seviye 1 Eleman Nesne |
Diğer Örnekler
Örnek
bir giriş düğmesine bir giriş alanı değiştirin:
document.getElementsByTagName("INPUT")[0].setAttribute("type", "button");
özelliği ayarlamadan önce:
özelliği ayarladıktan sonra:
Kendin dene " Örnek
Değerine sahip a href özelliği ekleme "www.w3ii.com" bir karşı <a> eleman:
document.getElementById("myAnchor").setAttribute("href", "http://www.w3ii.com");
özelliği ayarlamadan önce:
Go to w3ii.com
özelliği ayarladıktan sonra:
Kendin dene "Örnek
Bir olmadığını öğrenmek <a> eleman bir hedef niteliği vardır. Eğer öyleyse, değerini değiştirmek target atfettikleri "_self" :
// 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");
}
Kendin dene " İlgili Sayfalar
HTML Eğitimi: HTML Özellikleri
HTML DOM Referans: href="met_element_getattribute.html"> getAttribute() Method
HTML DOM Referans: href="met_element_hasattribute.html"> hasAttribute() Method
HTML DOM Referans: href="met_element_removeattribute.html"> removeAttribute() Method