JavaScript 应用程序和空 HTML 元素

Question

JavaScript 应用程序通常使用以下方法之一:

1. 他们使用空的 HTML 元素(它们存在于标记中但由于 display:none 而不可见)
2. 他们动态生成标记
3. 两者的结合

每种方法的最佳情况是什么？什么时候我应该更喜欢一个而不是另一个，为什么？

Answer 1

这完全取决于您要做什么。

如果您想向页面添加元素，并且知道需要多少，可以将它们放在页面上并在需要时隐藏/显示它们。

如果您想添加动态数量的新元素，您可以即时添加它们，因为如果您需要的比添加的多，那么一开始就将它们放在页面上可能行不通。

您还可以克隆现有元素并更改它们的属性，以将元素添加到页面。

这完全取决于您要做什么。

例如:

1. 您有一个可以接受动态数量输入的表单。您不知道用户想要多少个，因此让他们在页面上开始(隐藏)将无济于事。您可以克隆现有输入(并更改它们的值)，或创建新输入并添加它们。
2. 您有一个允许添加 2-5 个名称的表单。由于数量是固定的，您可以添加 5 个输入，首先隐藏其中的 3 个，然后在需要时显示它们。

因此，对于您要尝试执行的操作，有不同的方法。