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

标签 javascript html css

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

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

最佳答案

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

原因

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

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

关于javascript - 通过 Javascript 动态添加元素与使用 CSS 隐藏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13319439/

相关文章:

javascript - Extjs Combobox Typeahead,州名和州代码

html - 使用 CSS 对齐具有不同跨度的表格单元格中的文本输入控件

html - IE6下的一个文件中的图像没有php

HTML 标题元素边框淡化

css - 如何在 JavaFX 中设置 TabPane 下拉菜单的样式

javascript - 将样式应用于选中的单选按钮的父级

javascript - 在策略中过滤通知

php - 通过 HTML 将复杂变量传递给 javascript 的正确方法

html - 导航菜单未正确下拉

javascript - 是否可以在 TypeScript 中创建 "weak export"