javascript - JavaScript：将内容注入 DOM 与隐藏/显示所需内容

Question

如果我需要基于某种二进制条件（真/假）在 html 中显示不同的内容（例如，短文本、少量图像），通常认为以下哪种方式更好？

1. 将内容注入 DOM：例如，这可能是将文本字符串传递给<span>元素。
2. 隐藏/显示所需内容：我将有两个单独<div>的块，每个块都包含我想要根据二进制条件显示的一些内容。在任何给定时间，只有其中一个在显示。

我没有提供具体示例，因为我打算将其作为一般性问题。提前感谢您的建议！

Answer 1

这个问题没有普遍的、客观的答案。做你认为最好的事情，最佳答案会因情况而异（在某些情况下可能没有“最佳”答案）。

请注意，即使元素被隐藏，大多数浏览器也会发出对隐藏内容中图像的请求。这可能是也可能不是以某种方式做出决定的客观原因（例如，如果您不希望在未显示时请求这些图像，则按需注入它们，或者如果您这样做，则不要-缓存并在显示内容时立即显示）。