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

  • ADDVOiCE

    ADDVOiCE

    28 Mayıs 2009
  • Canceriansoul

    Canceriansou

    15 Ocak 2011
  • YAN TV

    YAN TV

    20 EKİM 2011