新增Dom操作

获取单个元素,如有多个满足条件的元素,将返回第一个: 
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); //获取第一个样式名称

发布了116 篇原创文章 · 获赞 20 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/sm20170867238/article/details/92830280