时间戳

首页 > 解决方案 > 在列表中添加和删除项目

javascript - 在列表中添加和删除项目

问题描述

我有一个用于在列表中添加和删除项目的代码（不确定删除部分），但它不起作用。我的 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>

标签： javascripthtml

解决方案

要附加“li”，您必须创建一个元素，如var li = document.createElement('li');

然后你在“li”中附加“text”，比如li.appendChild(text);

然后你可以在“lista”中附加“li”document.getElementById('lista').appendChild(li);

我希望我的回答对您来说很清楚，并且对您有所帮助

推荐阅读