属性操作 | 描述 |
---|---|
元素.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("类名")