一真的小站

鳶飛魚躍,無處不是化境。

0%

六、自定义属性

六、自定义属性

规范

1.data-开头

2.data-后至少有一个字符,多个单词使用-连接

建议:

1.名称应该都使用小写,不要包含任何的大写字符

2.名称中不要有任何的特殊符号

3.名称不要使用纯数字

写法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<body>
<p data-school-name="itcast">XXXXX</p>
<p data-name="itcast">XXXXX</p>

<script>
window.onload = function() {
var p = document.querySelector("p");
// 获取自定义属性值
// 将data-后面的单词使用camel命名法连接;必须使用camel合法取值,N大写
var value = p.dataset["schoolName"];
console.log(value)
}
</script>

</body>

参考含义

对象 定义
p 会自动在其前后创建一些空白,浏览器会自动添加这些空间