文章目录
一、Class的属性
1、class的常用操作
- 获取对象所有class:
elementNode.className
- 给对象添加class:
elementNode.classList.add
- 给对象去除class:
elementNode.classList.remove
2、练习代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Class属性</title>
</head>
<body>
<div class="div1 div2">空空</div>
<script>
var ele=document.getElementsByTagName("div")[0];
console.log(ele.className); //所有class名
console.log(ele.classList[0]); //第一个class名
console.log(ele.classList[1]); //第二个class名
ele.classList.add("NewName"); //再添加一个class名
console.log(ele.className);
</script>
</body>
<