javascript überprüfen, ob untergeordnete Knoten von element-oder Textknoten

problem habe ich 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

Scheint es jede \n oder textnode ist als child ,wie kann ich Sie entfernen diese aus childNodes?

  • Sie können nodeType. Text-Knoten haben nodeType = 3. Demo.
  • dies kann nützlich sein ,habe ich versucht, zu erkennen \n aber nicht
  • Ihr Kommentar tatsächlich qualifiziert sich als eine Antwort. Warum nicht post es als ein???
  • Sie können children
  • Ok. Aber Ihre Antwort ist eine präzise Lösung für die Frage nach dem Titel "javascript überprüfen, ob untergeordnete Knoten von element-oder Textknoten"
InformationsquelleAutor talkhabi | 2014-07-26
  1. 28

    Können Sie prüfen, ob Sie einen bestimmten untergeordneten Knoten ein Textknoten ist oder nicht mit der nodeType. Text-Knoten nodeType als 3. Wir können entweder die Anzahl oder die Konstante - Knoten.TEXT_NODE für die überprüfung.

    JS:

    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);
  }
}

    HTML:

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

    • Hey, gute Antwort, können Sie auch die Konstante Node.TEXT_NODE statt des sinnlosen 3.
    • Schöne Anregung. Update in der Antwort. Vielen Dank 🙂
    InformationsquelleAutor Harry
  2. -3

    versuchen, jquery-Kinder-Methode

    $("#test").children().size()

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

    • Diese triviale Anforderung nicht benötigen jQuery. Die andere Antwort ist Weg, mehr richtige als auch informativ.
    • Diese kann getan werden, mit plain JavaScript: element.nodeType === 3 // true when element is a text node. Siehe @Harry ' s Antwort, die sollte wahrscheinlich sein, die akzeptiert man, und die MDN Artikel über die nodeType.
    • Warum downvoting obwohl? jQuery ist weit verbreitet und diese Antwort kann in handliches kommen.
    InformationsquelleAutor budamivardi
Schreibe einen Kommentar