另一個DIV

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