js使用正则写getClass

最新推荐文章于 2022-03-01 07:15:00 发布

原创最新推荐文章于 2022-03-01 07:15:00 发布 · 568 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #getClass #RegExp

javasctipt 同时被 3 个专栏收录

62 篇文章

订阅专栏

RegExp

5 篇文章

订阅专栏

getClass

1 篇文章

订阅专栏

本文提供了一个简单的HTML页面示例，展示了如何使用JavaScript来修改HTML元素的样式。通过获取带有特定类名的元素并改变其背景颜色，演示了基本的DOM操作技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML>
<html>
    <head>
        <title>please enter your title</title>
        <meta charset="utf-8">
        <meta name="Author" content="年轻人">
        <style type='text/css'>
            *{ margin:0; padding:0;}

        </style>
    </head>
    <body class="on gg gon cName">

        <script type="text/javascript">


            getClass('on')[0].style.backgroundColor="blue";

            function getClass( cName , obj ){
                obj = obj || document;
                if ( obj.getElementsByClassName )
                {
                    return obj.getElementsByClassName(cName);
                }
                else
                {
                    var arr = [];
                    var allE = obj.getElementsByTagName('*');
                    var reg = new RegExp('\\b'+ cName +'\\b');
                    for ( var i=0;i<allE.length;i++ )
                    {
                        if ( reg.test( allE[i].className ) )
                        {
                            arr.push(allE[i]);
                        }
                    }
                    return arr;
                }


            }
        </script>
    </body>
</html>