data-属性的作用是什么?

川长思鸟来 2023-01-20 11:48 41阅读 0赞

data-H5 新增的为前端开发者提供自定义属性
这些属性集可以通过对象的dataset属性获取,
不支持该属性的浏览器可以通过getAttribute方法获取,
需要注意的是:data-之后的以连字符分割的多个单词组成的属性,获取的时候使用驼峰风格。

  1. 驼峰
  2. data-list-name
  3. element.setAttribute('data-index',2)
  4. element.getAttribute('data-index')
  5. H5新增的 ie11才开始支持
  6. element.dataset.index
  7. element.dataset['index']

所有主流浏览器都支持 data-* 属性。
即:当没有合适的属性和元素时,自定义的 data 属性是能够存储页面或 App 的私有的自定义数据。

发表评论

表情:
评论列表 (有 0 条评论,41人围观)

还没有评论,来说两句吧...

相关阅读

    相关 __name__属性作用什么

    在Python中,一个模块被另一个程序第一次引入时,其主程序将全部运行。如果想在模块引入的时候,模块中的某一程序块不执行,那么此时可以用`__name__`属性来使该程序块仅仅

    相关 什么Data Consistency?

    什么是Data Consistency? 吃完饭后不刷牙 Vehicle攻城狮 3月25日 导文 熟悉“吃完饭后不刷牙”的小伙伴,我这里应该不需要做过多介绍了,还不熟