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

 时间:2024-10-14 05:48:11

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

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

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

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

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

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

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

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

5、在js标签内,通过getElementById()方法获得ul对象,使用innerHTML将上一步的值输出在ul标签内。

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

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

如何在js中循环赋值给页面上的li标签
  • jquery获取对象属性值的方法?
  • 如何为jquery动态生成的p标签添加动态文本内容?
  • javascript中如何使用onchange事件?
  • js怎么改变span标签的内容
  • js怎样设置input边框颜色
  • 热门搜索
    淳安千岛湖旅游 仁化旅游景点大全 北京近郊旅游景点 邯郸旅游网 旅游英才网 四川绵阳旅游景点大全 赤峰旅游资讯网 2人被列入全国旅游市场黑名单 上海迪士尼乐园旅游攻略 福鼎旅游攻略