H5自定义属性

1.自定义属性的目的

为了保存和使用数据，有一些数据可以保存在页面而不用保存在数据库中（目前没有接触，以后补上）

2.存在形式

data-* = “属性值”，举个栗子

// data-* = "属性值"，“*”自己定义属性名
<div data-ceshi= "ss">测试自定义属性</div>

<script type="text/javascript">
 var div = document.querySelector('div');  //获取div对象
 //通过element.dataset.属性名  可以获取自定义属性值
  console.log(div.dataset.ceshi);//输出值为ss
</script>

还有另一种栗子

//ceshi为自定义属性，ss为属性值
<div ceshi= "ss">测试自定义</div>

<script type="text/javascript">
 var div = document.querySelector('div'); //获取div对象
 //通过element.getAttribute('属性名')  可以获取自定义属性值
 var ceshi = div .getAttribute('ceshi');
  console.log(ceshi);  //输出值为ss
</script>

待续

作为一个刚学前端的代码仔，关于自定义属性的内容接触不多，以后如果接触再来完善