JavaScript:将内容注入(inject) DOM 与隐藏/显示所需内容

Question

如果我需要根据特定的二元条件(真/假)在 html 中显示不同的内容(例如，短文本、少量图像)，通常认为以下哪种方法更好？

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

我没有提供具体的示例，因为我希望它是一个一般性问题。提前感谢您的建议!

Answer 1

这个问题没有普遍、客观的答案。做你认为最好的事情，最佳答案会根据具体情况而有所不同(并且在某些情况下可能没有“最佳”答案)。

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