Edit HTML list entry with javascript

Question

Note: i searched a half hour. I need a special solution for this:

I have the folowing code already (node some Variables have german Names i hope that's ok)

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>"
};

Now i need a javascript (pls no jquery) solution so the user can change every List entry by himself. How do i do that?

further explanation: The code i have is one to bring a "li" in a existing "ul" with every loop. But then i want to give every "li entry" the ability to be changed by the user.

In my example i set a var called listEasy. Then I set the var list Easy in the for loop. so in the End its like this: for (var i=0; i < vorNameListe.length; i++) { document.getElementById("liste").innerHTML += "
Maybe I should just correct my comment. You should't do such things. It just makes your code less maintainable. I know that it works that way, but in a more complex project this could cause you some trouble. — RodrigoDela, Jan 23 '15 at 18:49

score 0 · Answer 1 · answered Jan 22 '15 at 15:49

0

Are you trying to change text of every li of #liste ul?

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

answered Jan 22 '15 at 15:49

Jarosław Rewers

1,059
3
14
23

further explanation: The code i have is one to bring a "li" in a existing "ul" with every loop. But then i want to give every "li entry" the ability to be changed by the user. – Sain Linkerty Jan 23 '15 at 09:00
If you want such an interaction I really would advice you to take a look ar jQuery or AngularJS even though you dont want to. It is worth it. – RodrigoDela Jan 23 '15 at 09:26
I will do it when the time comes. But the thing is first i need to fully understand what javascript can do. I got said that its possible to do, but i stil dont know how. – Sain Linkerty Jan 23 '15 at 09:39
Question: how would it look in jQuery or Angular JS? – Sain Linkerty Jan 23 '15 at 09:53

score 0 · Accepted Answer · edited May 23 '17 at 11:50

0

i refined my edit function with jquery fdurther and further i will edit this entry for every step:

I have a Special Idea about an Edit function

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

edited May 23 '17 at 11:50

Community

1
1

answered Jan 23 '15 at 10:45

Sain Linkerty

63
2
13

also this is realy ppossible with Javascript only. I add this when someone is interested. – Sain Linkerty Feb 24 '15 at 12:33

Edit HTML list entry with javascript

2 Answers2