Javascript創建輸入問題

Question

我在網上發現this javascript，在您按下按鈕時添加了輸入按鈕。

我改變了它，以便能夠選擇您創建的輸入類型而不是自動創建文本框。但它不起作用。我應該改變什麼？

function add(type) { 

    //Create an input type dynamically. 
    var element = document.createElement("input"); 

    //Assign different attributes to the element. 
    element.setAttribute("type", "text"); 
    element.setAttribute("name", "goal[]"); 

    var foo = document.getElementById("fooBar"); 

    //Append the element in page (in span). 
    foo.appendChild(element); 

} 

<INPUT type="button" value="Add" onclick="add(document.forms[0].element.value)"/> 

<span id="fooBar">&nbsp;</span> 

Answer 1

DEMO

你的附加功能是正確的，但我認爲有些事情是這裏 - document.forms[0].element.value

onclick="add(document.forms[0].element.value)" 

打破嘗試將其更改爲

onclick="add()" 

既然你不無論如何使用該類型參數

Answer 2

某些瀏覽器不允許在元素上動態設置name屬性。

您可以指定在傳遞給createElement()標記的name屬性來解決此問題：

var element = document.createElement("<input name='goal[]' type='text' />");