1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
|
<!DOCTYPE html>
<html>
<body>
<div id="a" data-a="1" data-b="abc" data-abc-cd="1234"></div>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
var div = document.getElementById('a');
console.assert(div.dataset.b === 'abc', 'abc');
div.dataset.b = '123';
console.assert(div.dataset.b === '123', '123');
console.assert(div.dataset.abc === undefined, 'undefined');
delete(div.dataset.b);
console.assert(div.dataset.b === undefined, 'undefined because deleted');
console.assert(div.dataset.abcCd === '1234', 'camelCase');
div.dataset.abcCd = '2345';
console.assert(div.dataset.abcCd === '2345', 'camelCase set');
delete(div.dataset.abcCd);
console.assert(div.dataset.abcCd === undefined, 'undefined after deletion');
}
console.error('element.dataset.html');
myFunction();
console.exit();
</script>
</body>
</html>
|
