养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

js输出html在页面怎样显示换行

时间:2024-11-14 15:00:11

在js中,可以在html标签后面输出一个换行标签,实现标签在页面上显示换行。下面小编举例讲解js输出html在页面怎样显示换行。

js输出html在页面怎样显示换行

工具/原料

html+js

代码编辑器:DreamweaverCS5

方法/步骤

1、新建一个html文件,命名为test.html,用于讲解js输出html在页面怎样显示换行。

js输出html在页面怎样显示换行

2、在test.html文件中,创建一个myarr数组,数组内有三个元素,分别为aaaa,bbbb,cccc。

js输出html在页面怎样显示换行

3、在test.html文件中,通过for循环遍历数组元素,length属性用于获得数组的长度,中断for循环。

js输出html在页面怎样显示换行

4、在test.html文件中,使用write()方法输出一个span标签,并同时将数组的元素值输出。

js输出html在页面怎样显示换行

5、在test.html文件中,再通过write()方法输出一个换行标签"&盟敢势袂lt;br>",实现span标签在页面上显示换行。

js输出html在页面怎样显示换行

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

js输出html在页面怎样显示换行

© 一点知识