js中的for循环输出，怎么输出到html中的指定位置 循环li

JavaScript018

js中的for循环输出，怎么输出到html中的指定位置 循环li,第1张

准备的材料有：计算机、浏览器、html编辑器。

一、首先，打开html编辑器，创建一个新的html文件，比如index.html，并编写问题的基本代码。

二、在index.html中的<body>标签中，输入html代码：

var a = ['Alice', 'Bob']

for (var i = 0i <a.lengthi++) {

$('ul').append('<li>' + a[i] + '</li>')

}

三、浏览器运行index.html页面，并将<li>标记for到<ul>标记以获取信息。

<!DOCTYPE HTML>

<html>

<head>

<title></title>

<meta http-equiv="Content-Type" content="text/html charset=UTF-8" />

<style>

.abc {

    background-color: red

}

</style>

<script>

onload = function() {

    var lis = document.querySelectorAll("ul li")

    for (var i = 1 i < lis.length i += 4) {

        lis[i].className = "abc"

        if (lis[i + 1]) {

            lis[i + 1].className = "abc"

        }

    }

}

</script>

</head>

<body>

 <ul>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

</ul>

</body>

</html>

function setValue(){

    var items=document.getElementByTagName("li")//获取li集合

    for(var i=0i<items.lengthi++){

        var curr=items[i]//获取当前li

        curr.innerHtml="li内容"//为当前li赋值

        

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

    }

}