首页 > 其他分享 >自定义数据 data-*

自定义数据 data-*

时间:2022-12-06 15:03:23浏览次数:43  
标签:定义数据 自定义 elem dataset div data 属性

html:

<div data-one="1" data-two="2">
        dataset参数
    </div>

JS:

    // 使用HTML5中的element.dataset操作自定义data-*数据
    var div_elem=document.querySelector("div");
    // 获取自定义属性
    console.log(div_elem.dataset);
    // 添加自定义属性
    div_elem.dataset.cc="333"
    //添加时,用小驼峰式写法
    div_elem.dataset.onePeople="444"
    console.log(div_elem.dataset);
// 注意:
// 0.元素的属性值要以data-开始
// 1.element.dataset不能够直接拿来用,否者你会遇到报错提示
// 2.用JavaScript里使用data-*属性名时,要把名称转变成驼峰式命名(Camel-Case)
// 3.名称不能以xml打头
// 4.名称里不能有大写字母

 

标签:定义数据,自定义,elem,dataset,div,data,属性
From: https://www.cnblogs.com/zhaofen/p/16955247.html

相关文章