JavaScript标签自定义属性

1,644 阅读1分钟

  自定义属性,给标签添加自己定义的属性,目的是可存储内容。 添加自定义属性有两种方法,一是直接在标签上添加属性,比如: <span score="20">小名的成绩</span>,二是代码添加自定义属性。

声明了自定义属性之后,在js中是没办法直接“对象.属性”来获取其属性的值的,因为js获取的对象说到底是DOM对象,DOM对象中是没有自定义属性的,所以想直接通过“对象.属性”来获取其属性的值,是不可取的。

所以js给我们提供了添加自定义属性,获取自定义属性值和删除属性的方法:

  1. 添加自定义属性:对象.setAttribute("自定义属性名","属性的值")
  2. 获取自定义属性的值:对象.getAttribute("自定义属性名")
  3. 删除自定义属性,也可删除js自带的属性:对象.removeAttribute("属性名")