classList

className && classList介绍

房东的猫 提交于 2019-12-01 05:35:11
####className #####1.简介 DOM操作中经常会处理元素的样式名,几乎所有的HTML标签中都包含了 class 属性(除了 base , head , html , meta , param , script , style 以及 title 标签),用于规定当前元素的 类名 ,这里的 类名 指的是我们在样式表中按照规则为元素指定的类(class)。如: <style> .big{ font-size:20px; } </style> <p id="page" class="big">内容</p> 也可以为单个元素标签添加多个类,如: <style> .big{ font-size:20px; } .textColor{ color:#EEEEEE; } </style> <p id="page" class="big textColor">内容</p> 注:类名不能以"!"开头。 在javascript中,在获取dom元素后可以通过 className 属性来为其获取或设置样式(在javascript中 class 为保留字,所以使用 className 代替。),如: var p = document.getElementById("page"); // 获取元素样式 console.log(p.className); // 设置元素样式