美文网首页
JavaScript获取自定义属性-H5设置自定义属性

JavaScript获取自定义属性-H5设置自定义属性

作者: 八月飞花 | 来源:发表于2020-04-21 19:49 被阅读0次

自定义属性

规范

html5规定
  1.属性必须以data-开头
  2.data-后面至少有一个字符
 命名规范
  1.名称都应该使用小写字母,不包含任何大写字符
  2.名称中不要包含特殊字符
  3.名称不要使用纯数字
  4.如果多个单词可以使用 ‘-’ 连接
示例
<p data-id-name="自定义属性">内容</p>

JavaScript获取自定义属性

  let p = document.querySelect("p");
  使用dataset属性获取相应的属性,这个属性的类型是DOMStringMap
  //将data-后面的单词 使用小驼峰命名法连接
  let value = p.dataset['idName'];

相关文章

网友评论

      本文标题:JavaScript获取自定义属性-H5设置自定义属性

      本文链接:https://www.haomeiwen.com/subject/jtnpihtx.html