javascript基础--className选取节点

Posted Mr_W

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript基础--className选取节点相关的知识，希望对你有一定的参考价值。

<!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>

 

以上是关于javascript基础--className选取节点的主要内容，如果未能解决你的问题，请参考以下文章

javascript基础--DOM选取子节点

javascript基础--DOM选取父节点

javascript 和 jquery 初学总结

JavaScript基础学习日志

JavaScript之className

$('.classname').each(...) 的纯 JavaScript 等价物是啥？ [复制]