前端基础 - WebApi （二） 自定义属性

自定义属性

可以在使用DOM操作元素的时候，可以给元素添加一些其原本没有的属性，来记录一些数据

获取属性值

1. 元素对象.属性名 获取属性值
2. 元素对象.getAttribute(属性名) 获取属性值

区别：通过对象名点属性名获取到的是元素的属性值，并且对css属性以css形式返回。不能获取到自定义属性的值

通过getAttribute获取属性值，返回的结果是以字符串体现，可以获取到自定义属性的值

设置属性值

1. 元素对象.属性名=属性值
2. 元素对象.setAttribute(属性名,属性值);//属性名完全按照元素原本的属性名设置，否则将是自定义属性

区别：通过元素对象.属性名=属性值只能设置元素对象原有的一些属性，无法设置自定义属性

通过元素对象.setAttribute(属性名,属性值)可以设置任何属性

作用

使用自定属性来让标签自己记录一些不保密的数据，但是又要跟随元素的变化而变化的数据

移除属性

元素对象.removeAttribute(属性名)

H5自定义属性

自定义属性目的：是为了保存一些数据，有些数据可以保存到页面里而这些数据不需要保存到服务器数据库中。

自定义属性获取和创建基本上都是通过和Attribute有关的两个函数实现

自定义属性有可能会产生很多的歧义，并且不是很好区分到底是标签原有属性还是自定义属性

H5新增了自定义属性：

</