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

  • Jonathan Morrison

    Jonathan Mor

    24 Mart 2010
  • Marques Brownlee

    Marques Brow

    21 Mart 2008
  • TheSalband Rai

    TheSalband R

    11 NİSAN 2011