HTML5中获取类样式的方法

最新推荐文章于 2024-05-27 21:16:16 发布

Ryan_鲸落

最新推荐文章于 2024-05-27 21:16:16 发布

阅读量2k

点赞数

分类专栏： HTML5 文章标签：获取类样式 classList

本文链接：https://blog.csdn.net/qq_41999819/article/details/90603431

版权

HTML5中获取类样式的方法

1.注意：classList :当前元素的所有样式列表—数组

1：添加样式：classList.add() ; add 为元素添加指定名称元素的样式–一次只能添加一个样式

2：移除样式：remove: 为元素移除指定名称的样式（属性还在，样式移除）–一次只能移除一个

3：替换样式：toggle:切换元素样式：如果元素之前没有指定名称的样式；就添加一个。如果元素之前有指定名称的样式；就移除。

4：判断某个元素是否包含指定名称样式： contains:判断元素是否包含指定名称的样式，返回true/false

怕不是很明白，所以特地做了一个小案例，相信看了有所明白：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>XPR</title>
    <style>
        .a{
            color: red;
        }
        .b{
            color: blueviolet;
        }
        .c{
            color: #ff9d76;
        }
        .d{
            text-decoration: underline;
        }
    </style>
</head>
<!-- 全局使用使用querySelector 获取Dom元素-->
<body

最低0.47元/天解锁文章

Ryan_鲸落

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
HTML5中获取类样式的方法

HTML5中获取类样式的方法1.注意：classList :当前元素的所有样式列表—数组1：添加样式：classList.add() ; add 为元素添加指定名称元素的样式–一次只能添加一个样式2：移除样式：remove: 为元素移除指定名称的样式（属性还在，样式移除）–一次只能移除一个3：替换样式：toggle:切换元素样式：如果元素之前没有指定名称的样式；就添加一个。如果元素之前有...
复制链接

扫一扫