Javascript 我可以重用DOM元素吗？

DOM中的许多对象的状态都发生了变化，但有些似乎没有变化。 假设您有两个select，每个都有选项A、B、C。每个select都有一个当前值，但如果A、B、C的值从未更改，它们可以共享吗？例如：

var opt = [
  document.createElement("option"),
  document.createElement("option"),
  document.createElement("option")
];
opt[0].value = 'a';
opt[1].value = 'b';
opt[2].value = 'c';
var select1 = document.createElement("select");
var select2 = document.createElement("select");

for (var i = 0; i < opt.length; i++) {
  select1.appendChild(opt[i]);
  select2.appendChild(opt[i]);
}

var opt=[
document.createElement（“选项”），
document.createElement（“选项”），
document.createElement（“选项”）
];
opt[0]。值='a'；
opt[1]。值='b'；
opt[2]。值='c'；
var select1=document.createElement（“选择”）；
var select2=document.createElement（“选择”）；
对于（变量i=0；i

正如pointy所指出的，将dom元素附加到新的父元素会将其从旧元素中删除。但是，在将选项附加到第二个选项之前，您可以克隆选项：

var opt=[
document.createElement（“选项”），
document.createElement（“选项”），
document.createElement（“选项”）
];
opt[0]。文本='a'；
选项[1]。文本='b'；
选项[2]。文本='c'；
var select1=document.createElement（“选择”）；
var select2=document.createElement（“选择”）；
对于（变量i=0；idocument.getElementsByTagName（“正文”）[0].appendChild（选择2）特定的DOM元素一次只能在文档中的一个位置。将元素附加到新的父元素会隐式地将其从以前的父元素中移除。合法吗？肯定不会让你进监狱：）。我认为这是一个更好的标题，因为我可以在HTMLDOM中重用对象吗？这没有什么合法或非法的。只是说。。。