关于前端JSfor循环中appenChild的问题
body中有4个div标签，通过原生JS将4个div标签提取出来一个集合叫divlist；做for循环操作想将下面通过JS创建出来的4个div1分别插入divlist分别...
body中有4个div标签，通过原生JS将4个div标签提取出来一个集合叫divlist；
做for循环操作想将下面通过JS创建出来的4个div1分别插入divlist分别对应的第一个，第二个。。第四个标签里作为子元素，可是为什么通过这种方法只在第一个divlist[0]中插入了4个div1,而不是分别插入啊？如果想分别插入怎么解决？
<body>
<div></div>
<div></div>
<div></div>
<div></div>
var divlist =document.getElementbyTagName("div")
<script>
for(var i=0;i<4;i++){
var div1 = document.createElement("div");
div1.innerHTML = "添加到购物车";
div1.style.display = 'block';
divlist[i].appendChild(div1);
}
</script>
</body> 展开
做for循环操作想将下面通过JS创建出来的4个div1分别插入divlist分别对应的第一个，第二个。。第四个标签里作为子元素，可是为什么通过这种方法只在第一个divlist[0]中插入了4个div1,而不是分别插入啊？如果想分别插入怎么解决？
<body>
<div></div>
<div></div>
<div></div>
<div></div>
var divlist =document.getElementbyTagName("div")
<script>
for(var i=0;i<4;i++){
var div1 = document.createElement("div");
div1.innerHTML = "添加到购物车";
div1.style.display = 'block';
divlist[i].appendChild(div1);
}
</script>
</body> 展开
展开全部
首先你的选择器代码写错了，少了一个s
其次你没写在scrip标签内
再其次就算运行起来性能太低
再再其次.style.display = "block"是个多余的代码
var divlist = document.querySelectorAll("div");
for(var i = 0;i<divlist.length;i++){
divlist[i].innerHTML = "<div>添加到购物车</div>"
}
其次你没写在scrip标签内
再其次就算运行起来性能太低
再再其次.style.display = "block"是个多余的代码
var divlist = document.querySelectorAll("div");
for(var i = 0;i<divlist.length;i++){
divlist[i].innerHTML = "<div>添加到购物车</div>"
}
追问
嗯 我是手写的没复制，所以少了点东西，我就是想知道为什么在for循环创建了4个新的div，在divlist[i]用appendChild推入只有divlist[0]里一次性有4个，而不是分别各有一个？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
