HTML如何使用javascript函數將輸入標記添加到有序列表

Question

我試圖在用戶單擊按鈕時將空白輸入字段添加到有序列表（id = myList）。我已經寫了下面的代碼來將一個列表元素添加到有序列表中，然後在該新列表元素中插入一個輸入字段。當我執行這個代碼時，當我點擊按鈕時沒有任何反應。

任何想法，我做錯了什麼？

<script type="text/javascript"> 
    function addToList() 
    { 
     var doc = document.getElementById("myList"); 
     var newLI = document.createElement("li"); 
     var input = document.createElement("input"); 
     input.type = "text"; 
     input.size = "60"; 
     newLi.appendChild(input); 
     doc.appendChild(newLI); 
    } 
</script> 

Answer 1

錯字，這是newLI，不newLi

<script type="text/javascript"> 
    function addToList() 
    { 
     var doc = document.getElementById("myList"); 
     var newLI = document.createElement("li"); 
     var input = document.createElement("input"); 
     input.type = "text"; 
     input.size = "60"; 
     newLI.appendChild(input); // typo here, it's not newLi 
     doc.appendChild(newLI); 
    } 
</script> 

FIDDLE