如何在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边框颜色
  • 热门搜索
    哈密瓜怎么切 电脑开机密码怎么设置 犹太人为什么聪明 羊肉串的做法大全 金毛怎么训练才听话的 黄元申为什么出家 石斛怎么吃 白菜水饺馅的做法 炸薯条的做法肯德基 为什么白带是褐色的