Javascript Appendchild

Question

这是我的代码

for(var i=0;i<Year12.length;i++)
      {

                var div1=document.createElement('li');
                 div1.setAttribute('id',Year12[i]);
                 div1.setAttribute('Value',Year12[i]);
                 document.getElementById("Jan").appendChild(div1);
                 alert(div1);


       }

"jan“是UL元素的id。我能够创建该元素。但是它不会添加到父element.Can中任何人都可以试试这个

Answer 1

删除值并尝试：

var div1=document.createElement('li');
div1.setAttribute('id',Year12[i]);
div1.innerHTML= Year12[i];
document.getElementById("Jan").appendChild(div1);
alert(div1);

或

var div1=document.createElement('li');
    div1.setAttribute('id',Year12[i]);
    div1.appendChild(document.createTextNode(Year12[i]));
    document.getElementById("Jan").appendChild(div1);
    alert(div1);

对于设置类，您可以这样做：

div1.className = "your_class_name";

Answer 2

尝尝这个

for(var i=0;i<Year12.length;i++)
{

    var div1=document.createElement('li');
    div1.setAttribute('id',Year12[i]);
    div1.setAttribute('Value',Year12[i]);
    //document.getElementById("Jan").appendChild(div1);
    document.getElementById("Jan").append(div1);
    alert(div1);
}