html5 data-*属性
总的来说:data-*是用来保存标签数据用的,所有的标签都支持data-*属性。
使用上面代码:
下面展示一些 `内联代码片`。
<li id="frist_li" data-animal-type="需要保存的属性"><span>显示内容<span></li>
在javaScript里面使用时:
var li = document.getElementById("frist_li");
console.log(li.dataset.animalType);
这样就可以在js里面使用保存在元素里面的内容提升用户体验了。