使用javascript编辑HTML列表条目

时间:2015-01-22 15:43:52

标签: javascript html-lists edit

注意:我搜了半个小时。我需要一个特殊的解决方案:

我已经拥有以下代码(节点一些变量有德语名称,我希望没问题)

function generateList () {


document.getElementById("liste").innerHTML =""

var listEasy = vorNameListe[i] + " " + nachNameListe[i] + " " + alterListe[i]

for (var i=0; i < vorNameListe.length; i++) {

document.getElementById("liste").innerHTML += "<li>" + listEasy + "</li>"
};

现在我需要一个javascript(pls no jquery)解决方案,以便用户可以自己更改每个List条目。我怎么做?

进一步解释:我所拥有的代码就是带来一个&#34; li&#34;在现有的&#34; ul&#34;每个循环。 但后来我想给每一个&#34; li条目&#34;能够被用户改变。

2 个答案:

答案 0 :(得分:0)

您是否正在尝试更改#liste ul的每个li的文本?

function generateList() {
    var liItems = document.querySelectorAll('#liste > li');
    for (i = 0; i === liItems, i++) {
        liItems[i].innerHTML = 'content';
    }
}

答案 1 :(得分:0)

我使用jquery进一步优化了我的编辑功能,并且我将为每一步编辑此条目:

I have a Special Idea about an Edit function

https://stackoverflow.com/questions/28695711/edit-and-delete-selected-list-entrys