Wie aktualisiert man die Liste in Javascript?

-2

Ich implementiere Liste mit ul li. Ich habe also bereits 4 Listenwerte und alle Werte sind null, aber eine Variable erhält einige Werte, daher möchte ich sie durch den vorhandenen Wert ersetzen. Ich teile meinen Code.Wie aktualisiert man die Liste in Javascript?

JavaScript

var emptyLegend='<ul> 
<li>red(0)</li> 
<li>yellow(0)</li> 
<li>green(0)</li> 
<li>purple(0)</li> 
</ul>' 

var legend='<ul> 
<li>red(3)</li> 
</ul>'

variable Legende ist dynamisch. Wenn var Legende rot hat (4), Gelb (5) dann ausgegeben werden soll:

'<ul> 
    <li>red(4)</li> 
    <li>yellow(5)</li> 
    <li>green(0)</li> 
    <li>purple(0)</li> 
    </ul>'

ich rot ersetzt werden soll (0) mit rot (3);

Quelle

2017-12-29 V SH

Sie können wie folgt versuchen:

<!DOCTYPE html> 
<html> 
<body> 

<ul id="myList"><li>red(0)</li> 
<li>yellow(0)</li> 
<li>green(0)</li> 
<li>purple(0)</li></ul> 

<p>Click the button to replace the first item in the the list.</p> 

<button onclick="myFunction()">Try it</button> 

<script> 
function myFunction() { 
    var textnode = document.createTextNode("red(3)"); 
    var item = document.getElementById("myList").childNodes[0]; 
    item.replaceChild(textnode, item.childNodes[0]); 
} 
</script> 

</body> 
</html>

Dies ist eine Idee, die Sie Ihre Logik hinzuzufügen haben. More Info

Quelle

2017-12-29 11:40:58

Ich möchte mit li auch –

ersetzen, warum Sie li ersetzen möchten –

Wie aktualisiert man die Liste in Javascript?

Antwort

Verwandte Themen