javascript - 通过 Javascript 动态添加元素与使用 CSS 隐藏

Question

display:none我想知道将元素添加到页面和设置与创建将动态创建元素并将它们附加到需要去的地方的函数的优缺点。

就我而言，我正在做一个回复框，它会附加到您想要回复的任何评论上。Atm 我只是通过 CSS 将其隐藏，然后使用函数将其移动到我想要的任何节点onclick。有没有更好的办法？考虑到 DOM 渲染时间等，我很陌生，但我想从现在开始。

Answer 1

我更喜欢使用 JavaScript 在客户端动态生成元素..

原因

• 你的 HTML 会更少..
• 你可以在任何地方附加它..
• 您不需要使用不必要的 CSS 来隐藏/显示您的元素。

即使是有利的一面是，如果用户的浏览器 JavaScript 被关闭，那么它不会是一件大事，因为无论如何你在加载时使用 CSS 隐藏元素，而不是使用 JavaScript，这些元素根本不会加载

Answer 2

也许两者之间最大的区别在于，您的 HTML 中包含的内容可以被搜索引擎抓取。通过 Javascript 添加的 DOM 元素不会。

就 DOM 渲染时间而言，只要您的代码干净且编写良好，应该不会有太大差异。

我敢肯定，用 CSS 显示和隐藏总是比 JS 快。