使用 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 则返回 undefined
• contains(token) - 返回 true, false
• supports(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');