setAttribute fonksiyonu, elemente yeni özellik eklenmesini veya değiştirilmesini sağlar.
Sözdizimi
element.setAttribute(isim, deger);
isim | Eklenecek veya değiştirilecek özelliğin adı. |
deger | Özellik değeri. |
Aşağıdaki örnek, bir paragrafın setAttribute fonksiyonu kullanılarak style özelliğinin ayarlanmasını ve removeAttribute ile silinmesini göstermektedir.
<input type="button" value="style Ekle" onClick="bicimEkle()"/>
<input type="button" value="style Sil" onClick="bicimSil()"/>
<p id="ornekParag" >Rastgele içerik. Rastgele içerik. Rastgele içerik.
Rastgele içerik. Rastgele içerik. Rastgele içerik. Rastgele içerik. Rastgele içerik.
Rastgele içerik. Rastgele içerik. Rastgele içerik.</p>
<script type="text/javascript">
function bicimEkle()
{
var bicimTanim = 'background-color: #a0f0a0; font-size:large;';
var Parag = document.getElementById('ornekParag');
Parag.setAttribute('style',bicimTanim);
}
function bicimSil()
{
var Parag = document.getElementById('ornekParag');
Parag.removeAttribute('style');
}
</script>
Test Edin