如何在js中循环赋值给页面上的li标签

发布网友发布时间：2022-04-28 20:34

共3个回答

热心网友时间：2022-04-21 14:10

function setValue(){
    var items=document.getElementByTagName("li");//获取li集合
    for(var i=0;i<items.length;i++){
        var curr=items[i];//获取当前li
        curr.innerHtml="li内容";//为当前li赋值

        //如果是li赋值不同，则需要进行判断
    }
}

热心网友时间：2022-04-21 15:28

您好：代码如下
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
window.onload = function () {
var arrar = ["应用1", "应用2", "应用3"];
var lis = document.getElementsByTagName("li");
for (var i = 0; i < lis.length; i++) {
lis[i].innerHTML = arrar[i];
}
}
</script>
</head>
<body>
<ul>
<li id="1"></li>
<li id="2"></li>
<li id="3"></li>
</ul>
</body>
</html>

热心网友时间：2022-04-21 17:03

如果要循环的话你这个对象应该是一个array类型哦，而不是 var arrs；