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-属性的值

    id='divdata-mei='47data-tree-height='2.4m'>
    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的值。


获取更多的文章,欢迎关注微信公众号


你可能感兴趣的:(web前端)