自定义属性

1：设置自定义属性（html5中设置自定义属性用“data-”开头，多个字母用 “-” 连接）

　　1、元素.setAttribute('自定义属性名',自定义属性值）

　　2、<!-- Html5规定，给元素自定义数据属性时，属性名称以data-开头，但是真正的属性名不包括data--->　　

　　　　　<p id="p1" data-school-name = "qh">清华大学</p>

2：获取定义的自定义属性　　　

　　dataset是一个集合里面存放了所有以data开头的自定义属性

　　只能获取以data开头的自定义属性

<script>
//var value1=document.getElementById("p1").dataset["schoolName"];//或者下面

var value1=document.getElementById("p1").datasetschoolName;

console.log("value1:"+value1); </script>

　　 dataset 后边必须要用驼峰命名法 否则可能获取不到属性值

　　也可以用getAttribute 来获取自定义属性

　　

<script>
    var value2=document.getElementById("p1").getAttribute("data-school-name");
    alert("value2:"+value2)
</script>