H5自定义属性

自定义属性的目的:是为了保存并使用数据,有些数据可以保存到页面中而不用保存到数据库中。

  • 设置属性:element.setAttribute(name, value);:name代表属性名,value代表属性的值/新值。
  • getAttribute()。 返回元素上一个指定的属性值。如果指定的属性不存在,则返回 null 或 “”
  • removeAttribute() 从指定的元素中删除一个属性。




通过上面我们知道这样很难去判断我们新增的属性是不是原有的属性,为了更好的阅读代码,我们约定俗成规定自定义属性用data-开头

H5自定义属性
H5新增获取属性方法:

  1. dataset:获取全部以data-开头的自定义命名属性
  2. dataset.属性:获取例如:data-index属性(div.dataset.index)
  3. dataset[‘属性’]:例如:div.dataset[‘index’];