js之css相关操作

Posted 2020-10-10

js操作css之增加/修改/删除:

　　1:document.getElementByClassName[“model”][0].className = 新的类名

　　2:document.getElementByClassName[“model”][0].setAttribute("class",新的类名)

　　3:document.getElementByClassName[“model”][0].style.backgroundColor = "red"

js操作css之获取:

　　document.getComputedStyle(元素,伪类),如:document.getComputedStyle(codument.getElementById,":after"(如果不是伪类,则写null)),使用getComputedStyle会返回一个字典,我们可以通过["backgroud-color"]或者.backgroundColor来获取指定样式

题外话(CSS查询):

　　var body=document.querySelector("body");//返回匹配的第一个元素,没有则返回null

　　var ems=document.getElementById("myDiv").querySelectorAll(".em");//返回匹配的所有元素,没有则返回空数组