js如何通过类名获得多个input对象
在js中，可以使用getElementsByClassName方法获得同一类名的多个input对象。下面小编举例讲解js如何通过类名获得多个input对象。
东西/原料
- html+js
- 代码编纂器：zend studio 10.0
方式/步调
- 1
新建一个html文件，定名为test.html，用于讲解js如何经由过程类名获得多个input对象。
- 2
在test.html文件内，利用input标签建立多个文本框，用于测试。
- 3
在test.html文件内，设置input标签的class属性为abc。
- 4
在js标签内，利用getElementsByClassName方式获得input对象。
- 5
在js标签内，再经由过程for轮回遍历input对象，将每一个input的布景颜色设置为灰色。
- 6
在浏览器打开test.html文件，查看成果。
END
总结：
- 1
1、利用input标签建立多个文本框，设置input标签的class属性为abc。2、在js标签内，利用getElementsByClassName方式获得input对象。3、在js标签内，再经由过程for轮回遍历input对象，将每一个input的布景颜色设置为灰色。4、在浏览器打开test.html文件，查看成果。
END
- 发表于 2021-04-14 20:01
- 阅读 ( 304 )
- 分类：其他类型
