element.previousSibling özelliği, elementin aynı düzeyinde önceki düğümü verir.
Sözdizimi
onceki = element.previousSibling
Dönüş Değeri
onceki | Elementin kardeş düzeyindeki önceki elementin referansıdır. Kardeş düzeyinde kendinden önce bir element yoksa previousSibling null döner. |
Aşağıdaki örnek, tablo hücrelerinin previousSibling kullanılarak son elementten ilk elemente doğru sırayla alınarak içereklerinin yazdırılmasını göstermektedir.
<script type="text/javascript">
var eleman = document.getElementById('OrnekSatir1').lastChild;
eleman.style.backgroundColor = '#c0c0c0';
function Onceki()
{
if((eleman != null) && (eleman.nodeType == 1))
{
eleman.style.backgroundColor = '';
eleman = eleman.previousSibling;
}
if(eleman != null)
{
eleman.style.backgroundColor = '#c0c0c0';
document.getElementById('BilgiKutu').innerHTML = eleman.innerHTML;
}
else document.getElementById('BilgiKutu').innerHTML = "NULL Değer";
}
</script>
<table id="OrnekTablo">
<tr id="OrnekSatir1">
<td>Hücre-1-1</td>
<td>Hücre-1-2</td>
<td>Hücre-1-3</td>
<td>Hücre-1-4</td>
</tr>
<tr id="OrnekSatir2">
<td>Hücre-2-1</td>
<td>Hücre-2-2</td>
<td>Hücre-2-3</td>
<td>Hücre-2-4</td>
</tr>
</table>
<div id="BilgiKutu"></div>
<input type="button" value="Önceki" onClick="Onceki()"/>
Test edin