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

  • EmbarkToHeaven

    EmbarkToHeav

    3 EYLÜL 2007
  • Moto Journal

    Moto Journal

    28 Mayıs 2007
  • TheDailyTechDose

    TheDailyTech

    15 EKİM 2012