Javascript for循环中的JS节点_Javascript_For Loop_Nodes

Javascript for循环中的JS节点

javascript for-loop

Javascript for循环中的JS节点,javascript,for-loop,nodes,Javascript,For Loop,Nodes,我正在尝试在选择标记中添加许多选项。我的代码是： var years = document.getElementById("years"); for ( var i = 1526; i < 2013; i++) { var year = document.createElement("option"); var text = document.createTextNode(i); year.appendChild(text); year.setAttrib

我正在尝试在选择标记中添加许多选项。
我的代码是：

var years = document.getElementById("years");
for ( var i = 1526; i < 2013; i++) {
    var year = document.createElement("option");
    var text = document.createTextNode(i);
    year.appendChild(text);
    year.setAttribute("value", i);
    years.appendChild(year);
}

但这也不起作用。它运行，但网页上没有任何内容。没有选择标记，也没有选项

该机构：

<select id="years"></select>

我在附加子函数中使用了div标记

<html>
<script>
function loadOptions()
{
    var i;
    var selectdiv= "";
    selectdiv="<select>";
    for(i = 1526; i < 2013; i++){
        selectdiv+= "<option value='"+i+"'>"+i+"</option>";
    }
        selectdiv+= "</select>";
    var newDiv=document.createElement('div');
    newDiv.innerHTML= selectdiv;
    document.getElementById('element1').appendChild(newDiv);
}
</script>
<body onload="loadOptions()">

<div id="element1"></div>

</body>
</html>


函数loadOptions（）
{
var i；
var selectdiv=“”；
选择div=“”；
对于（i=1526；i<2013；i++）{
选择div+=“i+”；
}
选择div+=“”；
var newDiv=document.createElement（'div'）；
newDiv.innerHTML=selectdiv；
document.getElementById（'element1'）.appendChild（newDiv）；
}

希望这对您有所帮助

您能在

id='years'

的任何元素周围添加HTML片段吗？运行一次后，您是如何计算循环中断的？您有一个

getElementById（“年”）

。。。要使其正常工作，您需要有一个ID为“years”的实际HTML元素，该元素如下所示：

。它是您正在操作的数据的重要部分，如果我们能够看到它，它将帮助我们。我使用document.write（）对它进行了测试。我把它注释掉了，它写了整整几年，但当它出现时，如果document.write（）在appendChild之前，它只写了一次，如果它在appendChild之后，它甚至没有写一次。感谢您告诉我您有一个ID为years的select标记。你能在你的问题中粘贴HTML吗。请

<html>
<script>
function loadOptions()
{
    var i;
    var selectdiv= "";
    selectdiv="<select>";
    for(i = 1526; i < 2013; i++){
        selectdiv+= "<option value='"+i+"'>"+i+"</option>";
    }
        selectdiv+= "</select>";
    var newDiv=document.createElement('div');
    newDiv.innerHTML= selectdiv;
    document.getElementById('element1').appendChild(newDiv);
}
</script>
<body onload="loadOptions()">

<div id="element1"></div>

</body>
</html>