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