这篇文章主要讲解了“javascript如何改变ul的class”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“javascript如何改变ul的class”吧！
方法：1、利用“document.getElementsByTagName("ul")”获取ul对象；2、利用className属性改变ul的class，该属性可设置元素的class，语法为“ul对象.className=新的class”。
本教程操作环境：windows10系统、javascript1.8.5版、Dell G3电脑。
className 属性设置或返回元素的 class 属性。
语法如下：
获取属性值：
HTMLElementObject.className
设置属性值：
计算
安全
数据库
网络和加速
企业服务
HTMLElementObject.className=classname示例如下：
一个简单的无序列表，点击button之前ul的样式为uhh2
点击button后，调用check函数中的className将ul的样式由uhh2改为uhh3
<style type="text/css">
.uhh2{color:#CCCCCC;font-size:12px;}
.uhh3{color:#FF6600;font-size:24px;}
</style>
<script>
function check()
{
var uul = document.getElementsByTagName("ul")[0];
uul.className = "uhh3";
}
</script>
</head>
<body>
<ul class="uhh2">
<li><a href="#">首 页</a></li>
<li><a href="#">新闻快讯</a></li>
<li><a href="#">产品信息</a></li>
<li><a href="#">联系我们</a></li>
<br />
<button onclick="check()">click me</button>
</ul>
</body>输出结果：
感谢各位的阅读，以上就是“javascript如何改变ul的class”的内容了，经过本文的学习后，相信大家对javascript如何改变ul的class这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！
亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
