getElementsByclassName

使用getElementsByClass获取元素

最新推荐文章于 2024-06-25 01:50:37 发布

weixin_30416871

最新推荐文章于 2024-06-25 01:50:37 发布

阅读量96

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/cqq-20151202/p/6638038.html

本文介绍如何使用JavaScript中的getElementsByClassName方法从文档或指定父元素中获取具有特定类的所有元素，并通过实例演示了该方法返回类数组形式的元素集合。

通过classu获取到一组元素，获取到的是一个类数组;

* 主语
*     document    从整个文档中去获取class元素
*     父级       从父级去获取class元素

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script>
        window.onload=function(){
            var greens=document.getElementsByClassName("green");
            console.dir(greens);

            var color=document.getElementById('color');
            var greens1=document.getElementsByClassName('green');

            console.log(greens1);
        }
    </script>
</head>
<body>
<ul id="color">
    <li>red</li>
    <li class="green">green</li>
    <li>blue</li>
    <li>yellow</li>
    <li>pink</li>
</ul>
<ul>
    <li>red</li>
    <li class="green">green</li>
    <li>blue</li>
    <li>yellow</li>
    <li>pink</li>
</ul>
</body>
</html>

转载于:https://www.cnblogs.com/cqq-20151202/p/6638038.html