js获取自定义data属性】的更多相关文章

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <div id="tree" data-leaves="47" data-plant-height="2.4m">…
有时候因为需要在标签上设置自定义data属性值, <div class="col-sm-6 col-md-4" id="get_id" data-c_id="1233"> data-c_id 可以是动态赋值 有时候会出现获取不到的情况,检查是否把data-* ,后面的字符名称包含了大写,这里统一用小写,以免出现问题. 在js中获取,可以使用 $("get_id").data("c_id");…
//20170329 原本以为只能attr或者prop来获取属性,但是今天看别人的代码他自定义了一个属性,却取不到他的属性值,我自己在本地又可以取到,难道是phtml的原因,于是我到网上查找,发现了一个新的方法. 这data()竟然可以取到data下面的自定义属性,好神奇.…
js  获取 this 的属性 obj[0].getAttribute…
for (var i = 0; i < dt.length; i++) { if (Object.keys(dt[i]).length <= 1) { dt.splice(i, 1); i--;//splice删除后,数组长度会改变 } } js获取对象的属性个数 var obj = {      key1:1,      key2:2,      key3:3      }; Object.getOwnPropertyNames(obj).length  //3Object.keys(obj…
//获取data属性的几种方法 var id = this.getAttribute('data-id'); var id = $(this).attr('data-id'); var id = $(this).data('id'); var id = this.dataset["id"];…
原标题:HTML5 Custom Data Attributes (data-*) 你是否曾经使用 class 或 rel 来保存任意的元数据,只为了使你的JavaScript更简单?如果你回答是的,那么我有一个令人激动的消息要告诉你!如果你回答不是,并且你还想,“咦,这个主意不错哦~”,那我劝你尽早放弃这个幼稚的想法,并看完本文. 多亏了HTML5,我们可以嵌入自定义的 data 属性给所有的HTML元素.这个 data 属性包含两部分: 属性名 属性名以'data-'前缀开头,并且至少要有一…
在JS中需要获取某个元素的宽高或者是绝对定位的位置信息,通常我们会这么写: var elemWidth = elem.style.width; console.log(elemWidth); //(空字符串) 然而我们会发现什么也没获取到,这到底是什么原因? 我们仔细观察一下我们是怎么获取这些信息的.通过元素的 style 属性,获取一个关于元素样式信息的对象,在里面取我们需要的样式信息.而我们是不是理所当然的认为我们写在 style 标签内的样式,或者通过 link 引入的样式表的样式信息都存…
function square(num){    var total = num*num;//局部变量    return total;}var total = 50;//全局变量var number = square(20);alert(total);//结果为50 function square(num){    total = num*num;//全局变量    return total;}var total = 50;//全局变量var number = square(20);alert…
可能大家在使用jquery mobile时,经常会看到data-role.data-theme等的使用,比如:通过如下代码即可实现页眉的效果: [html] <div data-role="header">     <h1>我是标题</h1> </div>  为什么写一个data-role="header"就能实现底部为黑色.文字居中显示的效果呢? 本文提供一种最简单的实现办法,让大家对这些用法有个直观的了解. 我们写…