正则表达式从 html 中删除行注释 [重复]

Question

我正在尝试从 html 和 css 中删除不必要的行注释。我找到了一个正则表达式来删除这样的 cmets：

/* Write your comments here */

但我正在寻找的是这样的多行评论的正则表达式：

<!-- Write your comments here 
Second line
third Line
-->

目前使用此代码删除单行 cmets：

<!--[^\[].*-->

任何帮助将不胜感激

Answer 1

最好生成一个临时 DOM 元素并遍历所有节点递归删除注释节点。

var str = `
<div>
test
<!-- test comment -->
<!-- test comment -->
test

<!-- 
test comment
multiline
-->
</div>`;

// generate div element
var temp = document.createElement('div');
// set HTML content
temp.innerHTML = str;

function removeEle(e) {
  // convert child nodes into array
  Array.from(e.childNodes)
    // iterate over nodes
    .forEach(function(ele) {
      // if node type is comment then remove it
      if (ele.nodeType === 8) e.removeChild(ele);
      // if node is an element then call it recursively
      else if (ele.nodeType === 1) removeEle(ele);
    })
}

removeEle(temp);

console.log(temp.innerHTML);