JavaScript 附加子项

标签 javascript html

这是我的代码

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。我能够创建该元素。但它没有添加到父元素。任何人都可以尝试这个

最佳答案

删除值并尝试:

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

关于JavaScript 附加子项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11825811/

相关文章:

jquery - 如何在一组元素周围显示 Angular 边框?

android - 在Android应用程序中播放YouTube视频的最适应方式

javascript - Angular 路线参数未定义

javascript - 当 ng-hide 和 ng-repeat 时,angularjs $index

javascript - 如何在单击而不是悬停时扩展导航栏?

javascript - 一种表单需要两个操作(一个本地,一个远程)

html - 通过邮件发送动态 html 文件

php - 通过php上传pdf文件到mysql时查询失败

javascript - 如何在javascript中显示django表单对象?

javascript - 为什么 eslint 考虑 JSX 或一些 react @types undefined,因为将 typescript-eslint/parser 升级到版本 4.0.0