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
- 阅读 ( 228 )
- 分类：其他类型
