We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
1 parent a80e245 commit 01d5962Copy full SHA for 01d5962
data-attribute/index.html
@@ -12,7 +12,7 @@
12
<script>
13
function reveal() {
14
let dataDiv = document.getElementById('data-attr');
15
- let value = dataDiv.getAttribute('data-custom-attr');
+ let value = dataDiv.dataset['customAttr'];
16
document.getElementById('msg').innerHTML = `<mark>${value}</mark>`;
17
}
18
@@ -25,7 +25,10 @@
25
<img src="../home.svg" alt="home" />
26
</a>
27
<h2> Know data attribute </h2>
28
- <div class="data-attribute" id="data-attr" data-custom-attr="You are just Awesome!"> I have a hidden secret!
+ <div
29
+ class="data-attribute"
30
+ id="data-attr"
31
+ data-custom-attr="You are just Awesome!"> I have a hidden secret!
32
</div>
33
<button onclick="reveal()">Reveal</button>
34
0 commit comments