Element.previousSibling

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

Hücre-1-1	Hücre-1-2	Hücre-1-3	Hücre-1-4
Hücre-2-1	Hücre-2-2	Hücre-2-3	Hücre-2-4

İlgili Başlıklar