potisanのプログラミングメモ

プログラミング素人です。昔の自分を育ててくれたネット情報に少しでも貢献できるよう、情報を貯めていこうと思っています。Windows環境のC++やC#がメインです。

HTML&JavaScript コメント要素を抜き出す

DOM中のコメント要素はnodeTypeNode.COMMENT_NODEのノードとして扱われます。なので親要素のchildNodesから取得できます。

// .parent要素からコメント要素を取得する。
const parentNode = document.querySelector(".parent");
const comments = Array.from(parentNode.childNodes).filter(node => node.nodeType == Node.COMMENT_NODE);
print(comments);

コメントは解析中も無視されると思っていたので取得できることに驚きました。

参考というかほぼ原文は以下です。