html中的两种自定义属性

html&css

发布日期: 2021-04-26

文章字数: 81

阅读时长: 1 分

<body>
  <div id="box" qq="123" data-qq="99">我是一个盒子</div>
  
  <script>

    //1.属性
    box.getAttribute('qq') // 获取属性值
    box.setAttribute('qq', '2222222') // 设置属性值

    //2.data-qq 设置和获取都通过dataset 当然也可以getAttribute setAttribute
    box.dataset.qq // 获取属性值
    box.dataset.qq = '8888' // 设置属性值
  </script>
</body>