Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/386.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript forEach循环在li标记内的div中插入名称_Javascript_Arrays - Fatal编程技术网

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
元素,然后插入