在js中，可以使用for循环将需要输出的值通过li标签连接起来，一次性输出在页面上。下面小编以循环遍历数组的值，输出在li标签上为例，讲解如何在js中循环赋值给页面上的li标签。工具/原料morehtml+js代码编辑器：Dreamweaver CS5方法/步骤1/6分步阅读

新建一个html文件，命名为test.html，用于讲解如何在js中循环赋值给页面上的li标签。

2/6

在test.html文件内，使用ul标签创建一块区域，下面将循环所得的li标签内容输出在此处。

3/6

在js标签内，创建一个测试数组，数组内有三个值 ，分别为测试一，测试二，测试三。

4/6

在js标签内，使用for循环遍历数组，将数组内每一个值都放在li标签内，并将所有值通过“+=”连接在一起，最终保存在str变量中。

5/6

在js标签内，通过getElementById（）方法获得ul对象，使用innerHTML将上一步的值输出在ul标签内。

6/6

在浏览器打开test.html文件，查看实现的效果。

总结：1/1

1、使用ul标签创建一块区域。

2、在js中，创建一个测试数组。

3、在js中，使用for循环遍历数组，将数组内每一个值都放在li标签内，并将所有值通过“+=”连接在一起。

4、通过getElementById（）方法获得ul对象，使用innerHTML将上一步的值输出在ul标签内。

JS