JS获取DOM自定义属性

777 阅读1分钟

JS获取HTML标签(dom)自定义属性

<!doctype html>
<html lang="en">
<head>
 <meta charset="UTF-8" />
 <title>Document</title>
</head>
<body>
  <!-- 自定义属性必须用 data-xxx 开头 -->
  <div 
    id="testDiv"
    data-attr1="自定义属性1"
    data-attr2="自定义属性2"
    attr3="自定义属性3"
  ></div>
  <!-- attr3无效 -->

  <script type="text/javascript">
    let id = document.getElementById("testDiv")
    console.log('获取自定义属性:', id.dataset)
  </script>

</body>
</html>

返回值: image.png