获取元素类名
- 1获取元素类名要先获取对应的元素 2再从获取到的元素中获取元素类名
获取元素类名 语法
-
获取语法 1元素.className
2元素.classList
-
设置语法 1元素.className = '新的类名'
2元素.classList.add('新的类名')
-
删除语法 元素.classList.remove('要删除的类名')
//要先获取到一个标签元素
//<div class='item' 'box'>我是一个拥有两个类名的div</div>
var oDiv = document.querySelector('div')
//获取语法
//1元素.className
console.log( oDiv.className )
//2元素.classList
console.log(oDiv.classList)
oDiv.classList.add('new_box')
// 设置语法
//元素.classList.add('要新增的类名')
oDiv.classList.add('nwe_box')
console.log(oDiv.classList)
//删除语法
//元素.classList.remove('要删除的类名')
oDiv.classList.remove('box')
console.log(oDiv.classList)