自定义方法实现通过类名获取所有元素的对象集合
16lz
2022-05-24
通过类名获取所有元素的方法
页面代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>自定义方法,实现通过类名获取对象集合</title>
</head>
<body>
<h1 id='one'>自定义方法,实现通过类名获取对象集合</h1>
<h2 class='one'>自定义方法,实现通过类名获取对象集合</h2>
<p class='one'>自定义方法,实现通过类名获取对象集合</p>
<div class='two one'>自定义方法,实现通过类名获取对象集合</div>
<h2 class='two'>自定义方法,实现通过类名获取对象集合</h2>
<h2 class='tree one'>自定义方法,实现通过类名获取对象集合</h2>
<h2 class='tree two'>自定义方法,实现通过类名获取对象集合</h2>
<script>
var x=document.getElementsByClassName('one'); //x是一个对象集合的数组
for(i = 0; i < x.length; i++){
x[i].style.background='green';
x[i].style.color = 'yellow'
}
console.log(x)
</script>
</body>
</html>
结果如下:
更多相关文章
- Android(安卓)EditText输入框被键盘遮挡问题解决
- android 调用前摄像头进行拍照的方法及完整例子
- Android(安卓)获取地理位置的经度和纬度
- 动态设置android:drawableLeft|Right|Top|Bottom
- Activity切换导致的onCreate重复执行
- Android(安卓)各层中日志打印功能的应用
- Android应用实例之----基于Service与ContentProvider的音乐播放
- android客户端通过Get方式提交参数给服务器,使用URL和HttpURLConn
- Android(安卓)Glide(4.9.0)源码分析