data- 属性
2021-01-21 本文已影响0人
我是Msorry
可以暂存自定义的数据， node.dataset 可以访问 data- 属性构造的对象，被 JavaScript 很好的操作，CSS 中也能访问到
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<style>
article{
border:1px solid red;
}
article::before {
content: attr(data-parent);
}
article[data-columns='3'] {
height: 600px;
}
</style>
</head>
<body>
<article
id="electriccars"
data-columns="3"
data-index-number="12314"
data-parent="cars">
</article>
</body>
<script>
var article = document.querySelector('#electriccars');
article.dataset.columns // "3"
article.dataset.indexNumber // "12314"
article.dataset.parent // "cars"
</script>
</html>
