javascript基础--className选取节点

最新推荐文章于 2024-07-23 12:35:43 发布

Z19871124123456

最新推荐文章于 2024-07-23 12:35:43 发布

阅读量85

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Mr-W/p/6485387.html

版权

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script>
        function getByClass(oParrent, sClass) {
            var aEle = oParrent.getElementsByTagName('*');
            var aResult = [];
            var i = 0;

            for (i = 0; i < aEle.length; i++) {
                if (aEle[i].className == sClass) {
                    aResult.push(aEle[i]);
                }
            }
            return aResult;

        }
        window.onload = function() {
            var oUl = document.getElementById('ul1');
            var oBox = getByClass(oUl, 'box');
            var i = 0;
            for (i = 0; i < oBox.length; i++) {
                oBox[i].style.background = "yellow";
            }
            // var aLi = document.getElementsByTagName('li');
            // var i = 0;
            // // alert('1');
            // for (i = 0; i < aLi.length; i++) {
            //     if (aLi[i].className == 'box') {
            //         aLi[i].style.background = "red";
            //     }
            // }
        }
    </script>
</head>

<body>
    <ul id="ul1">
        <li></li>
        <li></li>
        <li class="box"></li>
        <li></li>
        <li></li>
        <li class="box"></li>
        <li class="box"></li>
        <li></li>
    </ul>
</body>

</html>

转载于:https://www.cnblogs.com/Mr-W/p/6485387.html

Z19871124123456

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript基础--className选取节点

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script> function getByClass(oParren...
复制链接

扫一扫