Javascript 将div追加到另一个div中

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

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

document.getElementById（'locations'）.appendChild（'

'）；

我没有使用

innerHTML+=

方法，因为我以前创建的输入框在附加新的输入框时丢失了文本内容

---

上面的代码似乎不适用于我。代码有问题吗？

您的代码完全错误：

.appendChild（）

方法没有获取

字符串作为参数，而是获取
节点元素。因此，您应该首先创建元素，然后将它们附加到父元素。正确的代码是：

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);

您的问题是什么？您可以使用而不是
innerHTML
。它不吃前面的HTML。不过，您必须解决
占位符的问题。