在js中 ， 可以使用getElementsByClassName方法获得同一类名的多个input对象 。 下面小编举例讲解js如何通过类名获得多个input对象 。
文章插图
需要这些哦
html+js
代码编纂器：z studio 10.0
方式/
1新建一个html文件 ， 定名为test.html ， 用于讲解js若何经由过程类名获得多个input对象 。
文章插图
2在test.html文件内 ， 利用input标签建立多个文本框 ， 用于测试 。
文章插图
3在test.html文件内 ， 设置input标签的class属性为abc 。
文章插图
4【js如何通过类名获得多个input对象】在js标签内 ， 利用getElementsByClassName方式获得input对象 。
文章插图
5在js标签内 ， 再经由过程for轮回遍历input对象 ， 将每一个input的布景颜色设置为灰色 。
文章插图
6在浏览器打开test.html文件 ， 查看成果 。
文章插图
总结：11、利用input标签建立多个文本框 ， 设置input标签的class属性为abc 。 2、在js标签内 ， 利用getElementsByClassName方式获得input对象 。 3、在js标签内 ， 再经由过程for轮回遍历input对象 ， 将每一个input的布景颜色设置为灰色 。 4、在浏览器打开test.html文件 ， 查看成果 。
以上内容就是js如何通过类名获得多个input对象的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- Excel通过函数填充姓和名
- 如何查询学籍学历信息
- 如何喝茶养生？
- 乘坐高铁如何点餐
- 如何在网上预约出境证件
- 如何做芒果冻
- 如何教三岁宝宝蹲着大便 怎样训练宝宝蹲着大便
- 如何做营养西红柿鸡蛋面
- 如何自制麻辣香锅
- 如何做水煮肉片