如何在javascript中更新列表？_Javascript_Jquery_Html

如何在javascript中更新列表？

javascript jquery html

如何在javascript中更新列表？,javascript,jquery,html,Javascript,Jquery,Html,我正在使用ulli实现列表。所以我已经有4个列表值，所有的值都是空的，但是有一个变量得到了一些值，所以我想用现有的值替换它。我正在共享我的代码。 JavaScript var emptyLegend='<ul> <li>red(0)</li> <li>yellow(0)</li> <li>green(0)</li> <li>purple(0)</li> </ul>' va

我正在使用ulli实现列表。所以我已经有4个列表值，所有的值都是空的，但是有一个变量得到了一些值，所以我想用现有的值替换它。 我正在共享我的代码。

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>'

var emptyLegend='
红色（0）
黄色（0）
绿色（0）
紫色（0）
'
变量图例='
红色（3）
'

变量图例是动态的。如果var图例为红色（4）、黄色（5），则输出应为：

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

”
红色（4）
黄色（5）
绿色（0）
紫色（0）
'

我想用红色（3）替换红色（0）

您可以这样尝试：

<!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>


红色（0）
黄色（0）
绿色（0）
紫色（0）
单击按钮以替换列表中的第一项
试试看
函数myFunction（）{
var textnode=document.createTextNode（“红色（3）”）；
var item=document.getElementById（“myList”）.childNodes[0]；
item.replaceChild（textnode，item.childNodes[0]）；
}

这是一个你必须添加逻辑的想法。

我想换成李，你为什么要换成李