自定义方法实现通过类名获取对象集合

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Title</title>
    <meta charset="utf-8">
</head>
<body>
<div class="one">千万级数据并发解决方案</div>
<div class="three">CSS3-瞬间提升网页逼格的利器</div>
<div class="one two">千万级数据并发解决方案</div>
<div class="two three">在线商城系统开发</div>
<h3 class="one">千万级数据并发解决方案</h3>
<h3>jQuery-最流行的JS函数库</h3>
<p class="one">千万级数据并发解决方案</p>
<script>
    var x=document.getElementsByClassName('one'); //x是一个对象集合的数组
    for(i = 0; i < x.length; i++){
        x[i].style.background='green';
        x[i].style.height='50px';
        x[i].style.textAlign='center'
        x[i].style.color = 'red'
    }
    console.log(x)
</script>
</body>
</html>

效果图：

知识点

通过getElementsByClassName()获取元素的集合

通过类名获取对象集合

自定义方法实现通过类名获取对象集合

效果图：

知识点

相关文章