Gibt es eine DOM-API zum Abfragen von Kommentarknoten?

Question

Ich habe ein Dokument mit einem Debug-Kommentar in ihm, das wie folgt aussieht:

<!--SERVER_TRACE {...}--> 

Gibt es eine Möglichkeit, den DOM abzufragen diesen Knoten zugreifen? Ich suche nach einer JavaScript-Lösung von Vanille, ohne die Hilfe von Bibliotheken.

Mein erster Gedanke war, Tiefe zunächst das DOM zu suchen und Knoten mit dem Knoten Typ Wert für Kommentare, Node.COMMENT_NODE vergleichen. Gibt es einen leichteren Weg?

Answer 1

Es gibt die TreeWalker APIs:

var tw = document.createTreeWalker(document, NodeFilter.SHOW_COMMENT, null, null), 
    comment; 
while (comment = tw.nextNode()) { 
    // ... 
} 

Das ist nicht von IE8 und niedriger unterstützt wird.

T.J. in den Kommentaren zur Verfügung gestellt link to the specs. Ich benutze immer nur TreeWalkers, aber in Ihrem Fall ist eine NodeIterator auch in Ordnung.

Answer 2

Die Core-Eigenschaft nodeType ermöglicht die Unterscheidung zwischen Knotenarten. In diesem speziellen Fall repräsentiert 8 Kommentare. Da sie keinen Selektor haben, müssen Sie ihre Eltern durchlaufen, um sie zu bekommen (was saugt, weiß ich). Der folgende Code filtert sie heraus für Sie:

$("*").contents().filter(function(){ 
    return this.nodeType == Node.COMMENT_NODE; 
}) 

Und meine eigene jQuery-Version weniger, weil einige Leute es nicht haben:

function getAllComments() { 
    var t = [], 
     recurse = function (elem) { 
      if (elem.nodeType == Node.COMMENT_NODE) { 
       t.push(elem); 
      }; 
      if (elem.childNodes && elem.childNodes.length) { 
       for (var i = 0; i < elem.childNodes.length; i++) { 
        recurse(elem.childNodes[i]); 
       }; 
      }; 
     }; 
    recurse(document.getElementsByTagName("html")[0]); 
    return t; 
}; 

Wenn Sie auf einem bestimmten suchen möchten Verknüpfen Sie den Knoten document.getElementsByTagName mit einer Variablen Ihrer Wahl.

Bearbeiten: fiddle, um die Verwendung zu demonstrieren, von Jason Sperske getan!