gpt4 book ai didi

javascript - 从javascript数组制作一个html无序列表

转载 作者:搜寻专家 更新时间:2023-10-31 22:00:27 24 4
gpt4 key购买 nike

我遇到了一些问题。我正在尝试从 javascript 数组创建无序列表,这是我的代码:

var names = [];
var nameList = "";

function submit()
{
var name = document.getElementById("enter");
var theName = name.value;
names.push(theName);
nameList += "<li>" + names + "</li>";
document.getElementById("name").innerHTML = nameList;
}


<input id="enter" type="text">
<input type="button" value="Enter name" onclick="submit()">
<br>
<br>
<div id="name"></div>

例如,如果我发布 2 个名字,Name1Name2 我的列表如下所示:

•Name1

•Name1,Name2

我希望它看起来像这样:

•Name1
•Name2

最佳答案

如果您查看您的代码,您只会创建一个 li 并将您的所有 names 作为内容。您想要做的是遍历您的 names 并为每个创建一个单独的 li,对吧?

改变:

nameList += "<li>" + names + "</li>";

到:

nameList = "";
for (var i = 0, name; name = names[i]; i++) {
nameList += "<li>" + name + "</li>";
}

如果您对一些更好的做法感兴趣,可以在此处检查您的逻辑重写:http://jsfiddle.net/rgthree/ccyo77ep/

关于javascript - 从javascript数组制作一个html无序列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28677745/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com