gpt4 book ai didi

javascript - 使用 Javascript 将新列表元素添加到无序列表

转载 作者:太空狗 更新时间:2023-10-29 15:38:32 26 4
gpt4 key购买 nike

我正在尝试使用以下代码将新元素添加到无序列表:

HTML:

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Javascript</title>
<link rel="stylesheet" href="jsPlay.css" type="text/css" />
<script src="jsPlay.js"></script>
</head>

<body>

<ul id="numberList"></ul>

</body>
</html>

Javascript:

window.onload = function()
{
//alert("Window is loaded");

var numberList = document.getElementById("numberList");


//for every number between 100 and 200
for(var i = 0; i > 100 && i < 200; i++)
{
if ( i % 17 == 0 && i % 2 == 0) //if number evenly divisible by 17 and 2
{
//create new li element
var newNumberListItem = document.createElement("li");

//create new text node
var numberListValue = document.createTextNode(i);

//add text node to li element
newNumberListItem.appendChild(numberListValue);

//add new list element built in previous steps to unordered list
//called numberList
numberList.appendChild(newNumberListItem);

}
}
}

当我在浏览器中运行它时,我只得到空白。我检查 FireBug(在 Firefox 15.0.1 上)以查看是否有任何错误,但没有什么值得注意的。我认为我没有正确地将某些东西绑定(bind)在一起 - 这似乎是一个基本问题,但我似乎无法弄清楚为什么没有将这些元素添加到无序列表中。

我确定 Javascript 代码中的注释就足够了,但如果不够,请随时问我。

非常感谢您的帮助:)。

最佳答案

你的 for loop立即失败,因为 i 不大于 100。如果您尝试这样的操作,它应该可以工作:

for (var i = 100; i < 200; i++)

示例:http://jsfiddle.net/grc4/gc4X5/1/

关于javascript - 使用 Javascript 将新列表元素添加到无序列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12490439/

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