Question

我正在使用Javascript（一个待办事项列表）开展我的第一个项目。对于每个附加的列表元素，我还想在其中包含一个span元素，它将表示一个检查图标，以确认任务已完成。但是，我不太清楚如何解决这个问题。请有人帮忙。

查看代码。这就是我到目前为止所拥有的。此代码仅显示用户输入的列表元素和值。

document.getElementById("add").addEventListener("click", function(){
                       var taskinput = document.getElementById("task").value;
                        if (taskinput) 
                        {
                              var tasktext = document.createTextNode(taskinput);
                              var list = document.createElement("li");
                              list.appendChild(tasktext);
                              document.getElementById("task-to-do").appendChild(list);
                              document.getElementById("task").value ="";
                        } else 
                        {
                              alert("Please enter a task");
                        }
                });

Answer 1

如果我理解正确，您只想将span添加到每个li，对吧？所以就像使用tasktext

一样

var span = document.createElement("span");
//do whatever you want with `span` the same way as you would with `li`

list.appendChild(span);

基本上它就像玩积木一样。你希望它看起来像这样：

<li>"Some text"<span></span></li>

所以这里有三个块：li，textNode和span。现在玩吧。创建li块。然后＆＃34; sculp＆＃34;它 - 设置所需的属性。然后创建另一个 - textNode。给它一些价值等等。现在创建另一个 - span。再次＆＃34; sculp＆＃34;它设置了一些属性和其他东西现在，当你准备好你的积木时，是时候以任何你想要的方式加入它们了。在你的情况下，它将是：
取textNode并将其放入li。现在取span并将其放入li。

这就是全部。不是很难，不是吗？：）

在附加元素中添加元素

1 个答案: