使用 javascript 编辑 HTML 列表条目

Question

注：我找了半个小时。我需要一个特殊的解决方案：

我已经有了以下代码（节点一些变量有德语名称我希望没问题）

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（请不要 jquery）解决方案，以便用户可以自己更改每个列表条目。我怎么做？

进一步说明：我的代码是在每个循环中将 "li" 带入现有 "ul" 的代码。但后来我想给每个 "li entry" 用户更改的能力。

Answer 1

您是否要更改 #liste ul 每一行的文本？

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

Answer 2

我用 jquery fdurther 改进了我的编辑功能，而且我会为每一步编辑这个条目：

I have a Special Idea about an Edit function

使用 javascript 编辑 HTML 列表条目

Edit HTML list entry with javascript

javascript

html-lists

edit