我在 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
不起作用,如果是这样,如何实现?不然我哪里错了?
最佳答案
.add
is a method ofselect-element
which is used to add anoption-element
to it.
Refer HTMLSelectElement.add()
The Node.appendChild() method adds a node to the end of the list of children of a specified parent node.
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 :)')
关于javascript - 如何将一个元素添加到另一个元素(而不是使用选择器),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37429378/