从HTML元素获取data-id是指通过JavaScript代码从HTML元素中获取data-id属性的值。data-id是一种自定义的HTML属性,用于存储与元素相关的数据。它可以用于标识元素,存储...
使用attribute方法存取 data-* 自定义属性的值非常方便: vardiv=document.getElementById("div1");//获取自定义的值varmyId=div.getAttribute("data-id");varmyClass=div.getAttribute("data-class");varmy=div.getAttribute("data-id-and-class");console.log(myId);//myIdconsole.log(myClass);//myClassco...
使用这种方法时,不是使用完整的属性名,如data-id来存取数据,应该去掉data-前缀。 还有一点特别注意的是:data-属性名如果包含了连字符,例如 data-id-and-class,连字符将被去掉,并转换为驼峰式的命名,前面的属性应该写成idAndClass。 下面看一个例子: <div id="div1" class="div1" data-id = "myId" data-...
var id = oBtn.dataset.id; // 改变删除按钮的数据信息 delBtn.setAttribute.id = id; 值得注意的是这里没有数据前缀和-,类似于我们在JavaScript中操作css属性的方式,我们在使用dataset API时,你在HTML中用data-some-attribute-name,但在JavaScript中你需要用dataset.someAttributeName这样的驼峰形式。 用HTML5data...
1、获取id的对象 2、需要获取的就是data-id 和 dtat-vice-id的值 一:getAttribute()方法 const getId = document.getElementById('getId');///getAttribute()取值属性console.log(getId.getAttribute("data-id"));//122console.log(getId.getAttribute("data-vice-id"));//11///setAttribute()赋值属性getId...
var userId = plant . getAttribute ( 'uid' ) ; // userId = '12345' // 使用setAttribute设置 data- 属性 user . setAttribute ( 'site' , 'http://www.jb51.net' ) ; </script> 这种“原始”的自定义属性和上面 data-* 自定义属性没什么区别,知识属性名不一样。
id是选择器，data-id只是行内存放数据的一个标签，就跟input里面value是一样的
1 获取自定义属性的值如下：<div id="content" data-age="18">html5 data-*自定义属性 age</div>多了一个”data-*” 属性, 如何获取呢?//jsvar content= document.getElementById('content');alert(content.dataset.age)//jquery$('#content').data('age');//读 2...
[data-role="mobile"]{display:none;/*隐藏该div*/}/* HTML 代码如下<div class="test" data-content="This is the div content">test</div>*/.test{display:inline-block;/*将test类div显示为行内元素*/}.test:after{content:attr(data-content);/*在test类div后面插入data-content的属性值作为...
target.append(option);//4.判断用户传过来的参数列表里面是否包含数据data数据集,如果包含,不用发ajax从后台取,否则否送ajax从后台取数据if(options.data) { init(target, options.data); }else{//var param = {};options.onBeforeLoad.call(target, options.param);if(!options.url)return;if(typeofoptions...