myNotlar Logo

Element.nextSibling


Internet Explorer Firefox Opera

 element.nextSibling özelliği, elementin aynı düzeyindeki sonraki düğümü verir. Örneğin, bir tablo satırının sütunları aynı düzeydedir. Hücre elementlerinin herhangi birinin nextSibling özelliği kendinden sonraki düğümü verir.

Sözdizimi

sonraki = element.nextSibling

Dönüş Değeri

sonrakiGüncel elementin kardeş düzeyindeki sonraki elementin referansı. En son elementin nextSibling özelliği null döner.

Aşağıdaki örnek, bir tablo satırı hücrelerinin element.nextSibling özelliği kullanılarak sırayla içeriklerinin alınıp yazdırılmasını göstermektedir.

<table id="OrnekTablo">
	<tr id="OrnekSatir1">
		<td>Hücre-1-1</td>
		<td>Hücre-1-2</td>
		<td>Hücre-1-3</td>
	</tr>
	<tr id="OrnekSatir2">
		<td>Hücre-2-1</td>
		<td>Hücre-2-2</td>
		<td>Hücre-2-3</td>
	</tr>
</table>

<script type="text/javascript">

var eleman = document.getElementById('OrnekSatir1').childNodes[0];
eleman.style.backgroundColor = '#c0c0c0';

function Sonraki()
{	
	if((eleman != null) && (eleman.nodeType == 1))
	{
		eleman.style.backgroundColor = '';
		eleman = eleman.nextSibling;
	}

	if(eleman != null)
	{
		eleman.style.backgroundColor = '#c0c0c0';
		document.getElementById('BilgiKutu').innerHTML = eleman.innerHTML;
	}
	else document.getElementById('BilgiKutu').innerHTML = "NULL Değer";

</script>
Test edin
Hücre-1-1Hücre-1-2Hücre-1-3
Hücre-2-1Hücre-2-2Hücre-2-3
İ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 |