SORU
22 ŞUBAT 2009, Pazar


Sonraki/önceki öğe almak Javascript kullanarak

Nasıl html bir sonraki öğe javascript kullanarak alabilirim? divs ve js kodunda bir başvuru almak, almak istiyorum bir sonraki div olan ve önceki üç var sanırım.

CEVAP
22 ŞUBAT 2009, Pazar


nextSibling previousSibling özelliklerini kullanabilirsiniz:

<div id="foo1"></div>
<div id="foo2"></div>
<div id="foo3"></div>

document.getElementById('foo2').nextSibling; // #foo3
document.getElementById('foo2').previousSibling; // #foo1

Ancak bazı tarayıcılarda (ben unutmak) ayrıca boşluk ve yorum düğümleri için kontrol etmeniz gerekir:

var div = document.getElementById('foo2');
var nextSibling = div.nextSibling;
while(nextSibling && nextSibling.nodeType != 1) {
    nextSibling = nextSibling.nextSibling
}

JQuery gibi kütüphaneler kutunun dışında sizin için çapraz tarayıcı tüm bu kontrolleri ele.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Semantic Mastery

    Semantic Mas

    30 EKİM 2013
  • TomKNJ

    TomKNJ

    26 ŞUBAT 2007
  • wafflepwn

    wafflepwn

    14 AĞUSTOS 2008