Javascript 如何创建新的<；李>；在html中使用<；span>；在…内

您好，我对HTML和JavaScript有问题：

我有一个

列表，没有任何

。。。 有一个按钮必须创建一个新的

，里面有一个

。。。 我不知道怎么做。。。 代码如下：

JAVASCRIPT:

function somma(){
    var stringaFinestra=tipoFinestra + " " + tipoColore + " \u20ac" + costo;
    var ul = document.getElementById("preventiviArea");
    var li = document.createElement("li");
    li.setAttribute("class", "w3-display-container");
    li.appendChild(document.createTextNode(stringaFinestra));
    ul.appendChild(li);
}

HTML:

我将w3用于图形，我希望得到以下最终结果：

演示和时间

只需创建一个新span并将其附加到您的

li

var span = document.createElement("span");
span.innerHTML = '×';
span.setAttribute("class", "w3-button w3-transparent w3-display-right");
span.onclick = function() { this.parentElement.style.display='none' };
li.appendChild(document.createTextNode(stringaFinestra));
li.appendChild(span);

---

这里的

是
标签的子项，同样
应该是
标签的子项，因此您应该做与以前相同的事情

var ul = document.getElementById("preventiviArea");
var li = document.createElement("li");
li.setAttribute("class", "w3-display-container");
li.setAttribute("id", "something");
li.appendChild(document.createTextNode(stringaFinestra));
ul.appendChild(li);
var li = document.getElementById("something");
var span = document.createElement("span");
span.setAttribute("class", "w3-button w3-transparent w3-display-right");
span.setAttribute("onclick", "this.parentElement.style.display='none'");
span.textContent="times"

您可以尝试以下代码：


函数somma（）{
var ul=document.getElementById（“预防区域”）；
var newSpan=document.createElement（“span”）；
newSpan.classList.add（“w3显示容器”）
var newLi=document.createElement（“span”）；
newSpan.innerHTML=“×；”
newSpan.onclick=function（）{this.parentElement.style.display='none'}；
newLi.appendChild（newSpan）；
ul.appendChild（newLi）；
}
var span=document.createElement（'span'）

span.value='Item'

var li=document.createElement（'li'）

document.getElementById（'preventiviArea'）.appendChild（span）.appendChild（span）
 我认为你的代码应该有效。有什么问题吗？你错过了跨度。您需要以同样的方式创建该选项，然后使用
li.appendChild（span）
var ul = document.getElementById("preventiviArea");
var li = document.createElement("li");
li.setAttribute("class", "w3-display-container");
li.setAttribute("id", "something");
li.appendChild(document.createTextNode(stringaFinestra));
ul.appendChild(li);
var li = document.getElementById("something");
var span = document.createElement("span");
span.setAttribute("class", "w3-button w3-transparent w3-display-right");
span.setAttribute("onclick", "this.parentElement.style.display='none'");
span.textContent="times"