使用javascript编辑HTML列表项

使用javascript编辑HTML列表项,javascript,html-lists,edit,Javascript,Html Lists,Edit,注:我搜索了半个小时。我需要一个特殊的解决方案: 我已经有了下面的代码(有些变量有德语名称,我希望可以) 函数生成器列表(){ document.getElementById(“liste”).innerHTML=“” var listasy=vorNameListe[i]+“”+nachNameListe[i]+“”+alterListe[i] 对于(var i=0;i

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

我已经有了下面的代码(有些变量有德语名称,我希望可以)

函数生成器列表(){
document.getElementById(“liste”).innerHTML=“”
var listasy=vorNameListe[i]+“”+nachNameListe[i]+“”+alterListe[i]
对于(var i=0;i”+listEasy+“”
};
现在我需要一个javascript(请不要jquery)解决方案,这样用户可以自己更改每个列表条目。我该怎么做


进一步解释:我的代码是在现有的“ul”中为每个循环引入一个“li”。
但是我想让每个“li条目”都能够被用户更改。

您是否试图更改#liste ul的每个li的文本

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

我使用jquery fdurther改进了编辑功能,并进一步为每个步骤编辑此条目:


你不能在循环外使用
i
。你的观点是什么?循环有效!PS我不想在循环外使用[i]……在你的例子中,你显然是这样做的。在我的例子中,我设置了一个名为listasy的var。然后我在for循环中轻松设置var列表。因此,最后它是这样的:for(var i=0;i”+vorNameListe[i]++“+nachNameListe[i]++“+alterListe[i]+””};我希望你现在明白了。不是我现在不关心作用域,我只是使用了一个var来让它更清楚。如果你不了解它,忘了它吧,我需要一些东西来编辑我的
  • 条目。进一步解释:我的代码是在每个循环的现有“ul”中加入一个“li”。但是我想给每个“li”条目用户可以改变的能力。如果你想要这样的交互,我真的会建议你去看看ar jQuery或AngularJS,即使你不想。这是值得的。到时候我会去做。但首先我需要完全理解javascript可以做什么。有人说这是可能的,但我仍然不知道怎么做。问:它在jQuery或Angular JS中会是什么样子?而且这只适用于Javascript。当有人感兴趣时,我会添加它。
    function generateList() {
        var liItems = document.querySelectorAll('#liste > li');
        for (i = 0; i === liItems, i++) {
            liItems[i].innerHTML = 'content';
        }
    }