js如何获取指定class的元素 _html+js

在js中，可以通过getElementsByClassName()方法获得指定class元素对象。下面小编以获得指定class元素，并设置元素文字颜色为例，讲解js如何获取指定class的元素。

文章插图

需要这些哦
html+js
代码编纂器：z studio 10.0
方式/
1新建一个html文件，定名为test.html ，用于讲解js若何获取指定class的元素。

文章插图

2在test.html文件中，利用p标签建立两行文字，用于测试。

文章插图

3在test.html文件中，别离设置p标签的class为one,two ，用于下面指定的元素对象。

文章插图

4在test.html文件中，利用button标签建立一个按钮，给button绑定onclick点击事务，当按钮被点击时，执行getCele()函数。

文章插图

5在js标签内，建立getCele()函数，在函数内，经由过程getElementsByClassName()方式获得指定class元素对象，例如，这里获得class为two的对象，再利用color属性设置其文字颜色为红色。

文章插图

6在浏览器打开test.html文件，点击按钮，查看实现的结果。

文章插图

总结：1【js如何获取指定class的元素】1、利用p标签建立两行文字，别离设置p标签的class为one,two 。
2、在js中，经由过程getElementsByClassName()方式获得指定class元素对象，例如，这里获得class为two的对象，再利用color属性设置其文字颜色为红色。

以上内容就是js如何获取指定class的元素的内容啦，希望对你有所帮助哦！