获取单个元素,如有多个满足条件的元素,将返回第一个:
var Element = document.querySelector("选择器的名称");
获取满足条件的所有元素(数组)
var Elements = document.querySelectorAll("选择器的名称");
类样式操作:
classList:样式列表
add:为元素添加指定名称的样式,一次只能添加一个
document.querySelector("div").classList.add("blue");
remove:为元素移除指定名称的样式,一次只能移除一个
document.querySelector("div").classList.remove("blue");
toggle:切换元素样式,如果元素没有指定名称的样式则添加,如果有则移除
document.querySelector("div").classList.toggle("blue");
contains:判断元素是否包含指定名称的样式,返回true/false
document.querySelector("div").classList.contains("blue");
item:获取样式名称
document.querySelector("div").classList.item(1); //获取第一个样式名称