>[success] # data-\* 當想給一些 html 元素中增加一些自定義元素方便在使用js進行獲取和保存，例如 ~~~html <div name="w" age="12" sex="1">測試</div> ~~~ 上面這種情況在取值時候需要一個一個屬性進行取值，html5提供了全局屬性的特性 1. **data-開頭** 2. **data-后必須至少有一個字符**，多個單詞使用-連接 3. 將data-后面的單詞使用**camel命名法連接**:必須使用camel合法法獲取值否則有可能無法獲取到值 4. **dataset 獲取** ~~~html <!--定義--> <!--規范： 1.data-開頭 2.data-后必須至少有一個字符，多個單詞使用-連接 建議： 1.名稱應該都使用小寫--不要包含任何的大寫字符 2.名稱中不要有任何的特殊符號 3.名稱不要副作用純數字--> <p data-school-name="itcast">12</p> <p data-name="itcast">12</p> <!--取值--> <script> window.onload=function(){ var p=document.querySelector("p"); /*獲取自定義屬性值*/ /*將data-后面的單詞使用camel命名法連接:必須使用camel合法法獲取值否則有可能無法獲取到值*/ //var value=p.dataset["schoolname"];//data-schoolname var value=p.dataset["schoolName"];//data-school-name console.log(value); } </script> ~~~