获取id 需要获取的就是data-id和dtat-vice-id的值 一:getAttribute()方法 constgetId =document.getElementById('getId');// //getAttribute()取值属性console.log(getId.getAttribute("data-id"));//122console.log(getId.getAttribute("data-vice-id"));//11// //setAttribute()赋值属性getId.setAttribute(...
let user= document.querySelector("#user");//取值console.log(user.getAttribute("data-id"));//666console.log(user.getAttribute("data-user-name"));//Tomconsole.log(typeofuser.getAttribute("data-id"));//string//赋值user.setAttribute("data-id",777);//新增属性user.setAttribute("data-age",2...
1 第一步,双击打开HBuilderX工具,新建一个html5页面,并引入vue.js文件,如下图所示:2 第二步,在标签元素内插入一个div标签,设置div元素的id属性,如下图所示:3 第三步,在div标签下方,添加一个标签,添加属性el、data和周期函数created,如下图所示:4 第四步,保存代码并直接使用在浏览器预览,并打...
下面就详细介绍四种方法获取data-*属性的值获取id 需要获取的就是data-id 和 dtat-vice-id...的值 --- 一:getAttribute()方法 ?...//data-前缀属性可以在JS中通过dataset取值,更加方便 console.log(getId.dataset.id);//11...
dataset属性的值是DOMStringMap的一个实例,名值对的映射。每个data-name形式的属性都有一个对应的属性,只不过该属性名没有data-前缀。 兼容性: 需要注意的是,dataset中大小写的问题。带连字符连接的名称在使用的时候需要命名驼峰化。例如data-my-name对应的是dataset.myName的值。可看以下代码 //将上面代码的设...
/*js*/varmydiv=document.getElementById('mydiv');/*获取*//*方法一*/console.log(mydiv.getAttribute('data-id'));console.log(mydiv.getAttribute('data-myname'));/*方法二*/console.log(mydiv.dataset.id);console.log(mydiv.dataset.myname);/*设置值*/mydiv.dataset.age='21';mydiv.dataset...
下面就详细介绍四种方法获取data-*属性的值获取id 需要获取的就是data-id 和 dtat-vice-id...//data-前缀属性可以在JS中通过dataset取值,更加方便 console.log(getId.dataset.id);//112 //data-vice-id连接取值使用驼峰命名法取值 ...
第一步:首先在标签上绑定上@click="changeCheckBox(item.id)",并将属性值传到绑定的事件里面 第二步:在标签上继续绑定:date-id = "item.id"属性 第三步:在里面的属性methods里面添写上事件函数 changeCheckBox(id){} 在事件函数里面获取id的值即可 <el-row...
JS实现获取⾃定义属性data值的⽅法⽰例本⽂实例讲述了JS实现获取⾃定义属性data值的⽅法。分享给⼤家供⼤家参考,具体如下:HTML部分: js部分:var tree = document.getElementById("tree");//getAttribute()取值属性 console.log(tree.getAttribute("data-leaves"));console.log(tree.getAttribute...