JS 遍历动态添加子节点

Dou_LL

于 2018-04-24 16:07:32 发布

阅读量2.4k

点赞数

分类专栏： JS 文章标签： JS 子节点

本文链接：https://blog.youkuaiyun.com/fujiang3673/article/details/80066139

版权

JS 专栏收录该内容

5 篇文章

订阅专栏

var div = document.getElementById("parent");
while(div.hasChildNodes()) //当div下还存在子节点时 循环继续
{
    div.removeChild(div.firstChild);
}
var node0 = document.getElementById("parent");
var node1 = document.createElement('dt');
node1.innerHTML = arr1[i]+"还有"+arr2[i].replace(/(^\s*)|(\s*$)/g,"")+"条"+arr3[i].replace(/(^\s*)|(\s*$)/g,"")+"工单未完成";
node0.insertBefore(node1);