在列表中添加和刪除項目

Question

我有一個用於在列表中添加和刪除項目的代碼（不確定刪除部分），但它不起作用。 我的 IDE 沒有給我任何錯誤。 我還需要在應用程序周圍添加一個框架，但我也不知道該怎么做。 關於需要修復什么的任何指針？

 document.getElementById("add").onclick = function() { var text = document.getElementById("lista").value; var li = "<li> + text + </li>"; document.getElementById("lista").appendChild(li); } function myFunction() { var list = document.getElementById("lista"); list.removeChild(list.childNodes[0]); } console.log(text);

 <form name="SimpleToDo"> <table> <h1>SimpleToDo</h1> <p style="text-align: left;">ToDo:</p> <input type="text" id="lista" /> <input type='button' value='Lisaa' id='add' /> <input type='button' value='Tyhjaa lista' id='delete' /> </table> <ul id='lista'></ul> </form>

Answer 1

要 append "li"，您必須創建一個元素，如var li = document.createElement('li');

然后你 append 像li.appendChild(text);

然后你可以 append "li" in "lista" document.getElementById('lista').appendChild(li);

我希望我的回答對您來說很清楚，並且對您有所幫助