Element.nextSibling

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

Gü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-1	Hücre-1-2	Hücre-1-3
Hücre-2-1	Hücre-2-2	Hücre-2-3

İlgili Başlıklar