Javascript überprüfen, ob Kind Knotenelement oder Textknoten ist

Question

ich habe Problem mit childNodes wie folgt:

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

aber

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

Es jeder scheint \n oder textnode ein child betrachtet wird, wie kann ich diese von childNodes entfernen?

Answer 1

Sie können prüfen, verwenden, wenn ein bestimmtes Kind-Knoten um einen Textknoten oder nicht mit dem nodeType ist. Textknoten haben die nodeType als 3. Wir können entweder die Nummer oder the constant Node.TEXT_NODE zur Überprüfung verwenden.

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

versuchen jquery Kinder Methode
$("#test").children().size()

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