H5：新增data-*屬性詳解

1. data-*屬性：自定義屬性來存儲資料，data-值，值可以是任意字元串。

   擷取值：

   var el = document.getElementById('div')

   console.log(el.getAttribute('data-created-time'))

   設定值：

   var el = document.getElementById('div')

   el.setAttribute('data-created-time','星期一')

   js可以用dataset屬性通路data-屬性的值

   <div id='div' data-mei='47' data-tree-height='2.4m'></div>

   var div= document.getElementById('tree')

   console.log(div.dataset.mei) // '47'   擷取值

   console.log(tree.dataset.treeHeight) // '2.4m'

   tree.dataset.plantHeight = '3m'  //設定值

jquery中使用obj.data("屬性值")擷取和設定data的值。

擷取更多的文章，歡迎關注微信公衆号