JavaScript sprawdzić, czy węzeł dziecko jest elementem lub tekst węzeł

Question

mam problem z childNodes jak poniżej:

<ol> 
    <li>Coffee</li> 
    <li>Tea</li> 
    <li>Coca Cola</li> 
</ol> 
//childNodes.length = 7 

ale

<ol><li> Coffee </li><li> Tea </li><li> Coca Cola </li></ol> 
//childNodes.length = 3 

Wygląda na to każdy \n lub textnode jest uważany za child, jak mogę usunąć je z childNodes?

Answer 1

Można sprawdzić, czy dany węzeł dziecko jest węzłem tekstowym lub nie stosując nodeType. Węzły tekstowe będą miały nodeType jako 3. Do sprawdzenia możemy użyć numeru lub the constant Node.TEXT_NODE.

window.onload = function() { 
 
    var el = document.getElementsByTagName('ol')[0].childNodes; // using [0] as there is only one ol in the demo 
 
    console.log('Print with text nodes'); 
 
    for (var i = 0; i < el.length; i++) { // will output all nodes with "undefined" for text nodes 
 
    console.log(el[i].innerHTML); 
 
    } 
 
    console.log('Print without text nodes'); 
 
    for (var i = 0; i < el.length; i++) { // will output only non text nodes. 
 
    if (el[i].nodeType != Node.TEXT_NODE) // or if (el[i].nodeType != 3) 
 
     console.log(el[i].innerHTML); 
 
    } 
 
}

<ol> 
 
    <li>Coffee</li> 
 
    <li>Tea</li> 
 
    <li>Coca Cola</li> 
 
</ol>

Answer 2

spróbować użyć metody Dzieci jquery
$("#test").children().size()

http://jsfiddle.net/72Ya3/2/