向LI Javascript添加ID

Question

因此,li当有人在框中输入内容时,我将以下代码设置为创建元素.我也希望li元素包含一个唯一的ID,这将首先list-Item0去到list-Item1每等li创建人类型时入禁区,并增加了该项目.

知道怎么做这个吗？我不知道JQuery是什么,因为我是一个完全的初学者,所以我正在寻找一些非常基本的东西,我可以在这段代码中实现.

这是我到目前为止所拥有的:

function addItemFunction() {
    document.getElementById("itemList").innerHTML=document.getElementById("itemList").innerHTML + '<li>' + addNewBox.value + '</li>';  
}

Answer 1

只需在函数外部保留一个计数器,创建一个<li>元素,设置ID和内容,递增计数器并将元素附加到您的itemList.

var listItemCounter = 0;        

function addItemFunction() {
    var li = document.createElement('li');
    li.id = 'list-Item' + listItemCounter++;
    li.innerHTML = addNewBox.value;

    document.getElementById('itemList').appendChild(li);
}