• 790浏览
  • 0 评论
  • 0收藏

js动态添加div后调试element显示非创建内容

javascript 一切两开 2018-08-18 00:13的提问
0

使用JavaScript和for循环创建动态div后,出现chorme调试控制台显示出现如图选中区域额外内容,由双引号和空白组成,类型为undefined,请问是什么造成的?

fe48e5cb0897d244829ea56f40c4a55.png

创建动态div代码如下:

for (var i = 0; i < 5; i++) {
    var trandiv = document.createElement("div");
    trandiv.className = "trandiv";
    document.getElementById("display").appendChild(trandiv);
}
//为5个div分别命名id
var trandivs = document.getElementsByClassName("trandiv");
for (var i = 0; i < 5; i++) {
    trandivs[i].id = "trandiv_" + i;
}

另有删除动态div代码如下:

function cleanallnodes() {
    var elem = document.getElementById("display");
    while (elem.hasChildNodes()) //当elem下还存在子节点时 循环继续
        {
            elem.removeChild(elem.firstChild);
        }
}

实现功能是创建div前统一清除先前已创建的动态div。

2018-08-18 00:13的提问 邀请回答
0个回答
  • 默认排序
  • 时间排序

    您需要 注册 一个IMWeb账号或者 才能进行评论。