En son web geliştirme öğreticiler
 

HTML DOM setAttribute() Method

<Eleman Nesne

Ö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

Örnekler

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


<Eleman Nesne