1、新建一个html文件，命名为testhtml，用于讲解js如何将数组的内容输出到span元素。
2、在script标签内，创建一个数组，用于测试。
3、在script标签内，使用for语句遍历数组内容，在for语句内，使用write方法将数组内容与span元素输出到页面上。
4、在浏览器打开testhtml文件，就可以显示数组了。
1、首先打开hbuilder软件，新建一个html文件，里面写入3个p标签，再在style标签中设置p标签的基本样式，包括间距，字体大小等属性：
2、然后在style标签中用3种方法设置文字颜色，第一个p标签用16进制设置颜色，每两个数字为一组，最大数字为ff，它们代表红绿蓝三种颜色；第二种方法是rgba，也是红绿蓝三种颜色，只不过值变成了数字，最大为255表示颜色最鲜艳，比如把第一个设置为255就是最红：
3、第三个标签使用HSL色彩，其中H代表色调，值最大为360，0和360也是红色，其他颜色在中间；s是饱和度用百分比来表示，0%表示最暗，100%表示最亮；L表示亮度取值也是百分比；rgba和hlsa中a都表示透明度，取值在00到10之间，00是完全透明，10为完全不透明：
、创建一个span标签，设置span标签的id属性为myspan。
2、创建一个button按钮，当按钮被点击时，执行addimg()函数。
3、在js标签内，创建addimg()函数，在函数内，使用getElementById方法通过id获得span标签对象，通过innerHTML属性将一个标签img添加至span标签内。
4、在浏览器打开testhtml文件，点击按钮，查看结果。
欢迎分享，转载请注明来源：品搜搜测评网
微信扫一扫
支付宝扫一扫
