Javascript forEach循环在li标记内的div中插入名称
Javascript forEach循环在li标记内的div中插入名称,javascript,arrays,Javascript,Arrays,var元素=['rock','paper','scissor']; demo=document.getElementById(“demo”); 元素。forEach(函数(项、索引){ deop.innerHTML=deop.innerHTML+“索引[“+index+”]:“+item+””; }); 您已经得到了答案,只需在添加div时更改标记即可 注意:我已经对div进行了样式化,以使其更可见 var元素=['rock'、'paper'、'scissor']; demo=docu
var元素=['rock','paper','scissor'];
demo=document.getElementById(“demo”);
元素。forEach(函数(项、索引){
deop.innerHTML=deop.innerHTML+“索引[“+index+”]:“+item+”
”;
});代码>
-
您已经得到了答案,只需在添加div时更改标记即可
注意:我已经对div进行了样式化,以使其更可见
var元素=['rock'、'paper'、'scissor'];
demo=document.getElementById(“demo”);
元素。forEach(函数(项、索引){
deop.innerHTML=deop.innerHTML+“索引[“+index+”]:“+item+”;
});代码>
#演示版{
边框:1px实心#f00;
利润率:10px;
}
-
您已经得到了答案,只需在添加div时更改标记即可
注意:我已经对div进行了样式化,以使其更可见
var元素=['rock'、'paper'、'scissor'];
demo=document.getElementById(“demo”);
元素。forEach(函数(项、索引){
deop.innerHTML=deop.innerHTML+“索引[“+index+”]:“+item+”;
});代码>
#演示版{
边框:1px实心#f00;
利润率:10px;
}
-
试试这个
<ul id="navp">
</ul>
var mainList = document.getElementById("navp");
var mainList=document.getElementById(“navp”);
使用数组循环列表
elements.forEach(function(item, index) {
var elem = document.createElement("li");
elem.innerHTML = "<div>"+item+"</div>";
mainList.appendChild(elem);
});
elements.forEach(函数(项、索引){
var elem=document.createElement(“li”);
elem.innerHTML=“+项+”;
mainList.appendChild(elem);
});
试试这个
<ul id="navp">
</ul>
var mainList = document.getElementById("navp");
var mainList=document.getElementById(“navp”);
使用数组循环列表
elements.forEach(function(item, index) {
var elem = document.createElement("li");
elem.innerHTML = "<div>"+item+"</div>";
mainList.appendChild(elem);
});
elements.forEach(函数(项、索引){
var elem=document.createElement(“li”);
elem.innerHTML=“+项+”;
mainList.appendChild(elem);
});
只需在div中添加每个li,并在每次迭代中将其附加到文档中即可
var元素=[‘岩石’、‘纸’、‘剪刀’];
demo=document.getElementById(“demo”);
元素。forEach(函数(项、索引){
newlistitem=document.createElement(“li”);
newdiv=document.createElement(“div”);
setAttribute(“样式”,“边框:5px纯黑;”);
newdiv.setAttribute(“id”、“div_demo”);
newdiv.innerHTML=“index[“+index+”]:“+item+”
”;
demo.appendChild(newlistitem);
newlistitem.appendChild(newdiv);
});代码>
只需在div中添加每个li,并在每次迭代中将其附加到文档中即可
var元素=[‘岩石’、‘纸’、‘剪刀’];
demo=document.getElementById(“demo”);
元素。forEach(函数(项、索引){
newlistitem=document.createElement(“li”);
newdiv=document.createElement(“div”);
setAttribute(“样式”,“边框:5px纯黑;”);
newdiv.setAttribute(“id”、“div_demo”);
newdiv.innerHTML=“index[“+index+”]:“+item+”
”;
demo.appendChild(newlistitem);
newlistitem.appendChild(newdiv);
});代码>
尝试在循环中每次创建新的div
元素,然后插入尝试在循环中每次创建新的div
元素,然后插入