Javascript 商店「；模板"；儿童

我是JavaScript新手，所以如果这个问题变得愚蠢，请原谅我

我知道

appendChild（）

允许我将子元素添加到现有元素中。但是，问题是，我想添加一个元素，该元素左侧有一个图像，右侧有一系列文本框，我需要在单击按钮时反复添加它

添加简单元素，如

p

，

a

等，只需调用

appendChild（）

，就可以完成，但是在上述场景中，会有点混乱

---

是否有某种方法可以定义要附加的自定义元素，然后通过调用

appendChild（）

将其添加到jQuery中？如果它是一个非常复杂的模板，您可以在模板中使用ajax，并用您需要的任何东西填充它。您不需要使用javascript动态创建所有元素，只需填充它即可。这也将允许您在需要时非常轻松地更改模板。

您使用jQuery吗？如果它是一个非常复杂的模板，您可以在模板中使用ajax，并用您需要的任何东西填充它。您不需要使用javascript动态创建所有元素，只需填充它即可。这也将允许您在需要时非常轻松地更改模板。

您似乎需要：

看来你需要：

---

我经常这样做。我的代码通常如下所示：

<div class="template" style="display: none;">stuff</div>

由于您没有使用jQuery，请在此处查看克隆函数：

（搜索“克隆：函数”以找到它）

---

如果不能真正使用jQuery本身，您可以窃取相关信息。

我经常这样做。我的代码通常如下所示：

<div class="template" style="display: none;">stuff</div>

由于您没有使用jQuery，请在此处查看克隆函数：

（搜索“克隆：函数”以找到它）

---

---

如果你不能真正使用jQuery本身，你可以窃取相关的数据。

为什么不做一个函数来处理所有杂乱无章的事情，并反复调用它呢？@credenson我想：）我来自

Android

领域。在那里，我们可以用XML定义模板，只需调用一次即可添加子级。所以我从这个角度来看：）在变量中保留对它的引用？@BenjaminGruenbaum是的！确切地并创建新的实例，以便将它们添加到网页：）@LittleChild不，就是这样，你保留对模板的引用，然后多次使用它：）为什么不做一个函数来处理所有杂乱的事情，并反复调用它呢？@Creditenson我想：）我来自

Android

领域。在那里，我们可以用XML定义模板，只需调用一次即可添加子级。所以我从这个角度来看：）在变量中保留对它的引用？@BenjaminGruenbaum是的！确切地并创建新的模板实例，以便将它们添加到网页：）@LittleChild不，就是这样，您保留对模板的引用，然后多次使用它：）您可以发布一个示例吗？：）如果忘记了这一点，您可能会查找$.get（），因为您希望继续追加它们。这里有一个[小提琴]当然它不会完全工作，因为安全和我懒惰。但基本上，模板/whatever.html就是要加载的。你能举个例子吗？：）如果忘记了这一点，您可能会查找$.get（），因为您希望继续追加它们。这里有一个[小提琴]当然它不会完全工作，因为安全和我懒惰。但基本上，templates/whatever.html是要加载的。DOM有一个cloneNode函数。请不要建议jQuery回答非jQuery问题，特别是当它们在不使用jQuery的基础上没有增加任何价值的时候。为什么OP要在页面上添加近100KB的内容，只是为了避免

cloneNode

？说清楚，我并不是建议OP添加jQuery。我正在展示一个使用它的解决方案，并让OP知道如果他们希望这样做，他们可以从哪里获得更多细节。例如，OP的代码可能在cloneNode不可用的环境中运行。DOM具有cloneNode函数。请不要建议jQuery回答非jQuery问题，特别是当它们在不使用jQuery的基础上没有增加任何价值的时候。为什么OP要在页面上添加近100KB的内容，只是为了避免

cloneNode

？说清楚，我并不是建议OP添加jQuery。我正在展示一个使用它的解决方案，并让OP知道如果他们希望这样做，他们可以从哪里获得更多细节。例如，OP的代码可能在cloneNode不可用的环境中运行。

$('.template').clone(true).removeClass('template').show().appendTo(someElement);