使用 JavaScript 操作 DOM
操作 CSS
Element.className
获取或设置 class 属性:
let c = e.className;
e.className = c;
将一个元素的 class 属性复制给另一个元素的其他方法:
e.setAttribute('class', t.getAttribute('class'));
Element.classList
以集合的形式操作 class 属性,它包含以下方法:
add()
remove()
replace()
toggle(token)
- token 存在则删除,token 不存在则添加
classList 类继承自 DOMTokenList
,后者还包含以下属性和方法:
length
value
- 返回字符串item(i)
- 输入 index 返回相应的值,若超过 length 则返回 undefinedcontains(token)
- 返回 true, falsesupports(s)
entries()
forEach()
keys()
values()
示例:
e.classList.add('text-muted', 'm-3');
e.classList.remove('text-muted', 'm-3');
e.classList.item(0);
e.classList.contains('sticky');
e.classList.toggle('hide');