Javascript 如何将一个元素添加到另一个元素（而不是使用选择器）

我发现我可以创建一个元素并向其中添加另一个元素，如：

var sel = document.createElement("select");
var opt1 = document.createElement("option");
var opt2 = document.createElement("option");

opt1.value = "1";
opt1.text = "Option: Value 1";

opt2.value = "2";
opt2.text = "Option: Value 2";

sel.add(opt1, null);
sel.add(opt2, null);

但当我尝试将其应用于实践时，此方法不起作用，

newUser

未成功添加到

newDiv

：

function createOnEle(imgSrc, user, extract) {
  var newDiv = document.createElement("div");
  var newUser = document.createElement("span");

  newUser.textContent = user;

  newDiv.add(newUser);

}

似乎

add

方法不适用于

div

和

span

，如果这是真的，如何实现它？否则，我错在哪里

.add

是一种

选择元素

的方法，用于将

选项元素

添加到该元素中。

提及

使用

Node.appendChild（）方法将节点添加到指定父节点的子节点列表的末尾

函数createOnEle（用户）{
var newDiv=document.createElement（“div”）；
var newUser=document.createElement（“span”）；
newUser.textContent=用户；
newDiv.appendChild（newUser）；
文件.body.appendChild（newDiv）；
}
createOnEle（'RogB:））

.add

是一种

选择元素

的方法，用于将

选项元素

添加到该元素中。

提及

使用

Node.appendChild（）方法将节点添加到指定父节点的子节点列表的末尾

函数createOnEle（用户）{
var newDiv=document.createElement（“div”）；
var newUser=document.createElement（“span”）；
newUser.textContent=用户；
newDiv.appendChild（newUser）；
文件.body.appendChild（newDiv）；
}
createOnEle（'RogB:））

这也应该按照您的要求工作

这也应该按照您的要求工作

有一个选项，您可以执行

sel.add（新选项（'Option:value 1'，'1'），null）

并保存一些键入操作。；-）有一个选项，您可以执行

sel.add（新选项（'Option:value 1'，'1'），null）

并保存一些键入操作。；-）

   function createOnEle(imgSrc, user, extract) {
  var newDiv = document.createElement("div");
  var newUser = document.createElement("span");

  newUser.textContent = user;

  newDiv.innerHTML=newUser;

}