假设，我有一个 HTML 元素，
<div class = "variable-content"> </div>
我想根据某些条件在这个 div 中放置一些内容。就像有两个按钮，如果用户点击 button_a 那么这个 div 将有一些内容 A，如果用户点击 button_b 那么我们显示内容 B。
有两种方法:-
制作两个 div，一个包含内容 A，另一个包含内容 B，然后隐藏其中一个。当用户点击 button_a 时，隐藏内容 B 的 Div 并显示内容 A 的 div。反之亦然。
当用户点击 button_a 时，在 div 中呈现内容 A，当用户点击 button_b 时，在同一个 div 中呈现内容 B。
方法 1 的优点:- 只渲染一次，其余时间只显示和隐藏 div。
apprach2 的优势:- 代码变得更易于管理。 (我猜)
我想知道这两种方法中哪一种更好、更有效？有没有其他方法可以做到这一点。
最佳答案
我想说这取决于您页面上已有的内容量以及您使用的元素数量。如果有很多，你想释放一些内存并替换一些内容，如果只有几个，只是显示/隐藏并且不要强制浏览器重新创建 DOM 元素。
关于javascript - 在同一容器中呈现内容的有效方法，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12549953/