Question

我正在尝试将一个输入框添加到div中，以下是我的代码：

document.getElementById('locations').appendChild('<div id="'+lname+'"><input placeholder="'enter please'" type="text" name="newbutton"/><br/><br/></div>');

我没有使用innerHTML+=方法，因为我之前创建的输入框在使用该输入框附加新输入框时丢失了文本内容。

以上代码似乎对我不起作用。代码有什么问题吗？

Answer 1

您的代码完全错误：.appendChild()方法没有string作为参数，它获得NodeElement。因此，您应首先创建元素，然后将它们附加到父元素。正确的代码是：

var container = document.getElementById('locations'),
    children = document.createElement('div'),
    input = document.createElement('input');

children.id = lname;
input.placeholder = 'enter please';
input.type = 'text';
input.name = 'newbutton';

children.appendChild(input);
container.appendChild(children);

将div添加到另一个div中

1 个答案: