方法：1、利用“document.getElementsByTagName("ul")”获取ul对象；2、利用className属性改变ul的class，该属性可设置元素的class，语法为“ul对象.className=新的class”。

本教程操作环境：windows10系统、javascript1.8.5版、Dell G3电脑。

javascript怎么改变ul的class

className 属性设置或返回元素的 class 属性。

语法如下：

获取属性值：

HTMLElementObject.className

设置属性值：

HTMLElementObject.className=classname

示例如下：

javascript-pro

专注现代 ECMAScript、异步编程、性能优化和全栈的 JavaScript 专家，适用于现代开发

下载

一个简单的无序列表，点击button之前ul的样式为uhh1

点击button后，调用check函数中的className将ul的样式由uhh1改为uhh2

<style>
            .uhh1{color:#CCCCCC;font-size:12px;}
            .uhh2{color:#FF6600;font-size:24px;}
        </style>
        <script>
        function check()
        {
            var uul = document.getElementsByTagName("ul")[0];
            uul.className = "uhh2";
        }
        </script>
    
    
        

            
• 首 页
            
• 新闻快讯
            
• 产品信息
            
• 联系我们
            
            click me                      

    

输出结果：

【相关推荐：javascript视频教程、web前端】

Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南