| 123456789101112131415161718192021222324252627 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- </head>
- <body>
- <!--
- 给元素自定义属性：
- 设置：
- 1.dom.dataset.属性名 = ’属性值‘
- 2.dom.setAttribute('属性名','’属性值‘')
- 读取：
- 1.dom.dataset.属性名
- 2.dom.getAttribute("属性名")
- -->
- <div id="box">这是一个盒子</div>
- <script>
- var box = document.getElementById("box");
- box.dataset.age = 10;
- box.setAttribute('color','red')
- console.log(box.dataset.age)
- console.log(box.getAttribute("color"),'颜色')
- </script>
- </body>
- </html>
|
