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

  • 2ndfloor91

    2ndfloor91

    17 Kasım 2007
  • discokatze

    discokatze

    23 EYLÜL 2009
  • RayperEnglishKnight

    RayperEnglis

    24 Kasım 2008