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>