element.firstChild, FF

Question

'daki bir Nesne yerine ' function processTabs(TabContainer, PageContainer, Index) { var tabContainer = document.getElementById(TabContainer); var tabs = tabContainer.firstChild; var tab = tabs.firstChild; var i = 0; .... more code }

bu noktada önemli değil kodun kalan o

çağrılan çünkü hiçbir zaman:

  <div id="tabs"> 
       <ul class="tabs"> 
        <li class="current"><a><span>News</span></a></li> 
        <li><a><span>Videos</span></a></li> 
        <li><a><span>Photos</span></a></li> 
        <li><a><span>Twitter</span></a></li> 
       </ul> 
      </div> 

Sonra sayfa yüklemesinde, bu yöntemin içine düştü olsun şu şekildedir: pertitent HTML'dir . tabContainer, div sekmesiyle div başvurusu yapmak için uygun şekilde ayarlanmıştır. Şimdi, Internet Explorer'da tabContainer.firstChild'i çağırdığımda, 'sekmeler' değişkeni UL'm ve daha sonra arama var sekmesi = tabs.firstChild; ilk LI referanslarım Sorun şu ki tabContainer.firstChild Venkman dediğimde bana geri dönüyor. Bu yüzden firefox benim yeni satırlarımı div içindeki gerçek çocuklar olarak okuyor! UL'm aslında childNodes koleksiyonundaki ikinci çocuk!

Bunu düzeltmenin bir yolu var mı?

Teşekkürler!

Answer 1

Sen TextNodes atlaması gereken, basit bir fonksiyon size yardımcı olabilir:

function getFirstChild(el){ 
    var firstChild = el.firstChild; 
    while(firstChild != null && firstChild.nodeType == 3){ // skip TextNodes 
    firstChild = firstChild.nextSibling; 
    } 
    return firstChild; 
} 

Kullanımı:

var tabContainer = document.getElementById(TabContainer); 
var tabs = getFirstChild(tabContainer); 

Answer 2

Önde gelen metni yok saymak için node.firstElementChild'u kullanabilir veya bununla ilgilenen jQuery gibi bir kitaplık kullanabilirsiniz.

Answer 3

ben gibi bir kütüphane kullanma javascript DOM ile çalışmak isteyenlere tavsiye ederim jquery. Hayatını daha kolaylaştıracak.

Ardından Taksonların JS işlevini yeniden olabilir: Ayrıca verimliliği üzerinde bir göz ile

function processTabs(TabContainer, PageContainer, Index) { 
    var tabContainer = document.getElementById(TabContainer); 

    // jquery used to find all the <li> elements 
    var tabs = $(tabContainer).filter('li'); 

    // use the jquery get(index) function to retrieve the first tab 
    var tab = tabs.get(0); 
    var i = 0; 
    .... more code 
} 

Answer 4

, bu fonksiyon el

function firstChildElement(el) 
{ 
    el = el.firstChild; 
    while (el && el.nodeType !== 1) 
     el = el.nextSibling; 
    return el; 
} 

Answer 5

Kullanım element.querySelector("*") ilk olsun ve firstChild eleman düğümü döndürür çocuk öğesi.

Demo:

var container = document.getElementById("container") 
 

 
console.log(container.querySelector("*")) // <div>This is a test</div> 
 
console.log(container.firstChild) // #text 
 
console.log(container.childNodes[0]) // #text

<div id="container"> 
 
    <div>This is a test</div> 
 
</div>

Answer 6

Sen

document.getElementById(TabContainer).firstElementChild; 

yerine firstChild