用JS创建一个新元素还是用CSS仅仅显示一个隐藏的元素？

Question

使用此功能是否有优势：

var target = document.getElementById( "target" );

var newElement = document.createElement( "div" );

$( target ).after( newElement );

仅仅用CSS隐藏newElement div并在需要时显示它？ 我知道您不能像用户向列表中添加项目那样使用动态内容来执行此操作，但是如果您知道某个元素会在某个时刻显示，您是否可以简单地使用CSS来显示预隐藏的div？

用CSS显示div来简单地显示更多信息显然会更好，但是对于更复杂的事情（如显示游戏中的新项目和新部分）呢？

Answer 1

更复杂的事物通常会在其后进行AJAX调用以获取这些新项（例如）。 这些AJAX调用具有成功回调，可以根据需要操纵DOM。

Answer 2

根据您的预期目的（可能是游戏），CSS在一般网站上通常会更好，因为从用户角度来看，它所需的时间少于JS（当然取决于内容）。

如果这是一款出于欺骗原因根本不希望该数据可见的游戏，那么您将希望它是动态的。 通过这种方式，您可以结合使用这两种策略，即使用CSS隐藏容器，使用JS使用所需的内容填充容器。