Zihni » appendChild http://www.zihni.net Zihinsel şeyler, web programlama falan filan Wed, 28 Jul 2010 09:36:01 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 appendChild() Metodu http://www.zihni.net/dom/appendchild-yontemi/ http://www.zihni.net/dom/appendchild-yontemi/#comments Tue, 10 Apr 2007 18:43:30 +0000 Zihni http://www.zihni.net/?p=32 Sözdizimi:

element.appendChild(child);

Düğümün en sonuna yeni bir düğüm ekler.

element : üst(parent) elementin adıdır.
child : eklenecek elementin adıdır.

Aşağıdaki gibi bir belgemiz olsun.
<html>
<head>
</head>
<body>
<div id=”myDiv”>
<span>Faust</span><br />
<span>Vadideki Zambak</span> <br />
</div>
</body>
</html>

myDiv etiketinin içine span etiketini ekleyen ve içeriğini “Şu çılgın Türkler” yapan kod.

<script type="text/javascript">
var x = document.getElementById("myDiv");
// yeni bir span etiketi yaratıyoruz
var yeniSpan = document.createElement("span");
// içeriğini Şu çılgın Türkler verisi ile dolduruyoruz
var yeniSpanText = document.createTextNode("Şu çılgın Türkler");
yeniSpan.appendChild(yeniSpanText);
// myDiv etiketinin en sonuna ekliyoruz
x.appendChild(yeniSpan);
</script>

]]> http://www.zihni.net/dom/appendchild-yontemi/feed/ 0