Comment puis-je obtenir un commentaire HTML avec javascript

À l'aide d'un NodeIterator (IE >= 9)

La meilleure méthode est d'utiliser un dédié NodeIterator instance de l'itération tous les commentaires contenus dans un élément racine.

Le voir en action!

function filterNone() {
    return NodeFilter.FILTER_ACCEPT;
}

function getAllComments(rootElem) {
    var comments = [];
    //Fourth argument, which is actually obsolete according to the DOM4 standard, is required in IE 11
    var iterator = document.createNodeIterator(rootElem, NodeFilter.SHOW_COMMENT, filterNone, false);
    var curNode;
    while (curNode = iterator.nextNode()) {
        comments.push(curNode.nodeValue);
    }
    return comments;
}

window.addEventListener("load", function() {
    console.log(getAllComments(document.body));
});

L'aide personnalisée DOM traversal (pour soutenir IE < 9)

Si vous avez de soutenir les anciens navigateurs (par exemple, IE <9), il est nécessaire de parcourir le DOM vous-même et d'en extraire les éléments dont la type de nœud est Nœud.COMMENT_NODE.

Le voir en action!

//Thanks to Yoshi for the hint!
//Polyfill for IE < 9
if (!Node) {
    var Node = {};
}
if (!Node.COMMENT_NODE) {
    //numeric value according to the DOM spec
    Node.COMMENT_NODE = 8;
}

function getComments(elem) {
  var children = elem.childNodes;
  var comments = [];

  for (var i=0, len=children.length; i<len; i++) {
    if (children[i].nodeType == Node.COMMENT_NODE) {
      comments.push(children[i]);
    }
  }
  return comments;
}

L'extraction d'un nœud du contenu et de la supprimer

Indépendante de la façon que vous choisissez à partir de ci-dessus, vous recevez le même nœud objets DOM.

De l'accès à un commentaire du contenu est aussi facile que de commentObject.nodeValue.

Suppression d'un commentaire est un peu plus détaillé: commentObject.parentNode.removeChild(commentObject)

Ici est un plugin JQuery qui permet de récupérer les commentaires:

http://www.bennadel.com/blog/1563-jQuery-Comments-Plug-in-To-Access-HTML-Comments-For-DOM-Templating.htm

L'idée de base est de regarder nodes, pas elements:

http://www.w3schools.com/htmldom/dom_nodes.asp

Vous commencez avec document objet, et d'itérer à travers eux à l'aide de childNodes collection. Vous devez vérifier pour node.nodeType == 8 qui sera de retour juste le commentaire nœuds (notez que vous devez parcourir les nœuds enfants de manière récursive).