JS如何改变HTML标签的属性
JS要改变HTML标签的属性，需要先获取标签对象，再利用JS方式改变属性的内容。下面以改变图片的src属性为例，讲解JS若何改变HTML标签的属性。
实现的结果：
当点击美男按钮时，图片酿成美男图片；
当点击小孩按钮时，图片酿成小孩图片。
方式/步调
- 1
新建一个HTML文件，定名为test.html，用于讲解JS若何改变HTML标签的属性。
- 2
在test.html页面界说一个img元素，用于显示图片，并为img元素界说一个值为myImage的id属性，便利下面利用JS获得图片对象。
- 3
在test.html页面利用input标签界说两个按钮，一个按钮名称为美男，另一个按钮名称为小孩。
- 4
别离给两个按钮绑心猿意马onclick事务，当点击按钮时，实现改变img元素的src图片路径属性。
- 5
别离给两个按钮的onclick事务绑心猿意马一个函数，美男按钮绑心猿意马meinu（）函数，小孩按钮绑心猿意马xiaohai（）函数，用于实现对img元素属性的操作。
- 6
在两个函数内，利用document.getElementById（）方式获得img元素对象，然后对其src的属性进行点窜，点窜为新的图片路径。
- 7
在浏览器运行test.html，查看实现的结果：
可见，当点击按钮时，当作功改变了img标签的src属性，实现了图片的改变。
- 发表于 2019-07-08 17:03
- 阅读 ( 824 )
- 分类：其他类型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章