首页 > web前端 > js教程 > 实例讲解js怎么通过类名获得多个input对象

实例讲解js怎么通过类名获得多个input对象

藏色散人
发布: 2022-08-06 16:47:12
转载
1640 人浏览过

相关推荐:【JavaScript视频教程

新建一个html文件,命名为test.html,用于讲解js如何通过类名获得多个input对象。

7e546c51507a9fba98c511ec8ae9890.jpg

在test.html文件内,使用input标签创建多个文本框,用于测试。

31345978ecba5647db8f1fce479be16.jpg

在test.html文件内,设置input标签的class属性为abc。

76b4def74a134f8ed40de6c32000fb6.jpg

在js标签内,使用getElementsByClassName方法获得input对象。

38e86b6c7e84f84674d7c6dc1f04ae9.jpg

在js标签内,再通过for循环遍历input对象,将每一个input的背景颜色设置为灰色。

027ef8342fc552ff2619102a983d199.jpg

在浏览器打开test.html文件,查看结果。

f4077996875cb69c86f3925071485d4.jpg

以上是实例讲解js怎么通过类名获得多个input对象的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:zhidao.baidu.com
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板