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
 
myNotlar Hakkında
Telif Hakkı © 2007-2009 mynotlar.com Tüm Hakları Saklıdır. Kopyalanamaz. Yayınlanamaz.
E-Posta : support@myNotlar.com

| Tek Kişilik Oyunlar | Sudoku | YasinKa |