myNotlar Logo

Element.previousSibling


Internet Explorer Firefox Opera

element.previousSibling özelliği, elementin aynı düzeyinde önceki düğümü verir.

Sözdizimi

onceki = element.previousSibling

Dönüş Değeri

oncekiElementin 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-1Hücre-1-2Hücre-1-3Hücre-1-4
Hücre-2-1Hücre-2-2Hücre-2-3Hücre-2-4
İlgili Başlıklar
 

Telif Hakkı © 2007-2018 mynotlar.com Tüm Hakları Saklıdır.
E-Posta : support@myNotlar.com

| Tek Kişilik Oyunlar | Sudoku | Oyunlar |