获取元素的方式
![](https://i-blog.csdnimg.cn/blog_migrate/df38ca5d4c65cb99ac944a3082cf4fb5.png)
![](https://i-blog.csdnimg.cn/blog_migrate/f363ba754d447292c887a9bc9b26ccb9.png)
getElementsByClass()
![](https://i-blog.csdnimg.cn/blog_migrate/53203ca2d05dd55c936717153fe66c27.png)
getElementsByClassName()
![](https://i-blog.csdnimg.cn/blog_migrate/b6bf8531066eb9ba52f1c418c80dba50.png)
![](https://i-blog.csdnimg.cn/blog_migrate/37573efb175db87e1718eee64369a55a.png)
getElementsByTagName()
![](https://i-blog.csdnimg.cn/blog_migrate/6764bf1eff4c5a2d4b1019ab0a937618.png)
querySelector() class选择器加dian id选择器# 需要加进去才能用
![](https://i-blog.csdnimg.cn/blog_migrate/2fb5c173f4c0890f5354c19d2011b812.png)
操作元素属性(根据地址改属性)
![](https://i-blog.csdnimg.cn/blog_migrate/0acc52a6f374e08e7d285e2ac080f3fb.png)
false就是不执行这属性 TRUE就是执行
![](https://i-blog.csdnimg.cn/blog_migrate/3dfa4bbb7374a5050e5f59f9ef1f8512.png)
data-***设置值 important
dataset取值
![](https://i-blog.csdnimg.cn/blog_migrate/1605fb7f9ba13361e64a8d29d391f025.png)
![](https://i-blog.csdnimg.cn/blog_migrate/2d6c4bcc7cd1c8ccc614cd94d0cde280.png)
![](https://i-blog.csdnimg.cn/blog_migrate/4333b1b6382683bdc50be8276d66baf2.png)
![](https://i-blog.csdnimg.cn/blog_migrate/b3ae6e77fc3d9668164c0e99e301e041.png)
![](https://i-blog.csdnimg.cn/blog_migrate/1a22d04d0afad174e3c3ce86dd415f9f.png)
删除dataset
![](https://i-blog.csdnimg.cn/blog_migrate/6ce472413950608776fb5b37c86f2a8d.png)
![](https://i-blog.csdnimg.cn/blog_migrate/947de76e1dfcd6ee6b76835ee525340f.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c19a45575020e4ab34f0860d3a76836e.png)
getComputedStyle()获取样式
![](https://i-blog.csdnimg.cn/blog_migrate/5a882a416082dc830c2444585c4ed7fc.png)
只读不写 不然报错
![](https://i-blog.csdnimg.cn/blog_migrate/c8e6fb897a05ce6b305bce7ac9b6fac7.png)
![](https://i-blog.csdnimg.cn/blog_migrate/852034f4fa9af2a17236946b84f4d3fc.png)
操作元素类名
className 操作class里的名 不会查重(大面积操作)
![](https://i-blog.csdnimg.cn/blog_migrate/0560101684eeb39f8146a87411493b22.png)
classList.add(“”)增加 classList.remove(“”)删除
toggle("")无限切换 当有那个值就删除 当删除之后 再点击 因为之前删除了 所以没有就当再点击这个事件后又会增加这个nameclass值
![](https://i-blog.csdnimg.cn/blog_migrate/ff87cea9d9122b29c741d706f7204a24.png)