原生js增加，移除类名

最新推荐文章于 2024-03-23 13:43:38 发布

dican4652

最新推荐文章于 2024-03-23 13:43:38 发布

阅读量155

点赞数

原文链接：http://www.cnblogs.com/xiaobaibubai/p/7473750.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .box{width: 200px;height: 200px;background: yellowgreen}
        .page{color: red}
        .btn{font-size: 20px;}
    </style>
</head>
<body>

<div class="box">这是测试</div>

<script>
var box=document.getElementsByClassName("box")[0];

        box.className=box.className+" "+"page";//增加类名
        box.classList.add("btn");//增加类名
        box.classList.remove("btn");//移除类名
        box.classList.item(1);//根据索引找类名
        console.log(box.className);
        console.log(box.classList.item(1))

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

转载于:https://www.cnblogs.com/xiaobaibubai/p/7473750.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dican4652

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
原生js增加，移除类名

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .box{width: 200px;height: 200px;b...
复制链接

扫一扫