Question

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

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，如果这是真的，如何实现呢？否则，我哪里错了？

Answer 1

.add是select-element的方法，用于向其添加option-element。

请参阅HTMLSelectElement.add()

使用.appendChild()

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

＆＃13;

function createOnEle(user) {
  var newDiv = document.createElement("div");
  var newUser = document.createElement("span");
  newUser.textContent = user;
  newDiv.appendChild(newUser);
  document.body.appendChild(newDiv);
}
createOnEle('RogB :)')

＆＃13;

Answer 2

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

  newUser.textContent = user;

  newDiv.innerHTML=newUser;

}

这也可以按照您的要求运作。

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

2 个答案: