使用Javascript向无序列表添加新列表元素_Javascript_Html

使用Javascript向无序列表添加新列表元素

javascript html

使用Javascript向无序列表添加新列表元素,javascript,html,Javascript,Html,我正在尝试使用以下代码向无序列表添加新元素： 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" /> <sc

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

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

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);

        }
    }
}

window.onload=function（）
{
//警报（“窗口已加载”）；
var numberList=document.getElementById（“numberList”）；
//对于100到200之间的每个数字
对于（变量i=0；i>100&&i<200；i++）
{
if（i%17==0&&i%2==0）//if数可被17和2整除
{
//创造新的李元素
var newNumberListItem=document.createElement（“li”）；
//创建新文本节点
var numberListValue=document.createTextNode（i）；
//将文本节点添加到li元素
newNumberListItem.appendChild（numberListValue）；
//将以前步骤中生成的新列表元素添加到无序列表中
//被称为数字主义者
numberList.appendChild（newNumberListItem）；
}
}
}

当我在浏览器中运行它时，我只会得到空白。我检查FireBug（在Firefox15.0.1上）以查看是否有任何错误，但没有任何明显的错误。我认为我没有将某些元素正确地绑定在一起——这似乎是一个基本问题，但我似乎无法弄清楚为什么没有将这些元素添加到无序列表中

我确信Javascript代码中的注释是足够的，但是如果不是，请随时问我问题

非常感谢您的帮助：）。

您的操作会立即失败，因为

不大于100。如果您尝试这样的方法，它应该会起作用：

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

for（变量i=100；i<200；i++）

示例：

您在这里遇到了一些性能问题。您应该使用“var dc=document.createDocumentFragment（）”，在将所有列表元素添加到“dc”之后，您应该一次性将html片段添加到列表中。