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
| sonraki | 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