javascript - 如何在不删除的情况下隐藏一段 HTML？

Question

我想隐藏一段 HTML，并在不删除它的情况下阻止它从网页本身可见。这在 HTML 或 CSS 中是否可行，或者任何人都可以推荐一个能够做到这一点的 Javascript 库吗？需要隐藏的部分看起来与此类似:

<p>text1<strong>text2</strong></p>

我不希望它显示在网站上，但我确实希望它在直接查看代码时可见。

有什么想法吗？

Answer 1

添加一个“隐藏”类来选择目标 HTML 并在 CSS 中使用 display: none:

HTML:

<p class="hidden">text1<strong>text2</strong></p>

CSS:

.hidden {
  display: none;
}

...或者您可以直接将其内联:

<p style="display:none">text1<strong>text2</strong></p>