myNotlar Logo

Element.appendChild()


Internet Explorer Firefox Opera

appendChild fonksiyonu belirtilen bir ana elementin alt düğümlerinin sonuna yeni bir düğüm ekler.

Sözdizimi

eklenen = element.appendChild ( yeniDugum )
yeniDugumDüğüm listesinin sonuna eklenecek yeni element.

Dönüş Değeri

eklenenEklenen element. yeniDugum ile aynıdır.

Aşağıdaki örnek, appendChild metodu ile bir div elementi içine P elementinin eklenmesini göstermektedir.

<div id="OrnekKutu" style="width:200px; background-color:#bbddff;"><p>1. Paragraf</p></div>
 
<input type="button" value="Paragraf ekle" onClick="YeniParagraf()"/>

<script type="text/javascript">

function YeniParagraf()
{
   var Toplam = document.getElementById('OrnekKutu').childNodes.length + 1;
   
   var yeniParag = document.createElement('p'); // Yeni paragraf oluşturuluyor.
      
   yeniParag.innerHTML = Toplam + ". Paragraf";
   
   document.getElementById('OrnekKutu').appendChild(yeniParag);
}
</script>
Test Edin

1. Paragraf

İlgili Başlıklar
 
myNotlar Hakkında
Telif Hakkı © 2007-2009 mynotlar.com Tüm Hakları Saklıdır. Kopyalanamaz. Yayınlanamaz.
E-Posta : support@myNotlar.com

| Tek Kişilik Oyunlar | Sudoku | YasinKa |