H5获取DOM元素的方法及新增类样式操作

1.获取DOM元素
document.querySelector(".green");
document.querySelectorAll(“li”)[0];
案例：

    
    
    



    
请选择
    
前端
    
java
    
javascript
    
c++

2.新增类样式操作
a) Node.classList.add(‘class’) 添加class
b) Node.classList.remove(‘class’) 移除class
c) Node.classList.toggle(‘class’) 切换class，有则移除，无则添加
d) Node.classList.contains(‘class’) 检测是否存在class
案例：
需求：
a.为第一个li元素添加样式，
b.为第二个li元素移除样式，
c.为第三个li元素切换样式，
d.判断第四个li元素是否包含某个样式

    
    
    



    
前端与移动开发
    
java
    
javascript
    
c++

本文属个人学习整理记载