| 属性操作 | 描述 |
|---|---|
| 元素.className | 获取修改class |
| 元素.src | 获取修改src |
| 元素.title | 获取修改title |
| 元素.href | 获取修改href |
| 元素.getAttribute(‘属性’) | 获取属性,可以获取自定义属性 |
| 元素.setAttribute(‘属性’, ‘值’) | 设置属性值,可以设置自定义属性值 |
| 元素.removeAttribute(‘属性’) | 移除属性 |
| 元素.dataset.属性 .dataset[‘属性’] |
H5获取自定义属性 dataset是一个集合 里面放了所有以data开头的自定义属性 |
自定义属性:
<div data-title-name="0"></div>兼容获取:div.getAttribute('data-title-name')H5获取:div.dataset.titleName``div.dataset['titleName']H5中:第一个-连接的小写,后面的首字母大写
classList
元素.classList返回元素的类名(伪数组),IE 10+
- 添加类
元素.classList.add("类名")向后追加 - 移除类
元素.classList.remove("类名") - 切换类
元素.classList.toggle("类名")
