获取html元素上data-xxXx的属性值，xxXx要小写

最新推荐文章于 2023-05-11 15:34:23 发布
最新推荐文章于 2023-05-11 15:34:23 发布
阅读量1.5k 收藏 1
点赞数
分类专栏： 前端 文章标签： data() html js data() jquery data()
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ghw2906/article/details/82377996
版权 
<div id="tab" data-indexFlag="0">

想获取div上data的属性值，通过这样获取$("#tab").data("indexFlag")，发现一直获取不了，把indexFlag改成小写indexflag后就可以成功获取了。正确获取方式：$("#tab").data("indexflag")

 

ghw2906
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html获取data-*值,html5 获取和设置data-*属性值的四种方法讲解
weixin_35064201的博客
06-07 2852
1、获取id的对象2、需要获取的就是data-id 和 dtat-vice-id的值一：getAttribute()方法const getId = document.getElementById('getId');// //getAttribute()取值属性console.log(getId.getAttribute("data-id"));//console.log(getId.getAttr...
JS JQuery获取data-*属性值方法解析
10-14
在JavaScript和jQuery中，获取和设置`data-*`自定义属性是常见的需求，这些属性用于在HTML元素中存储额外的数据。下面将详细讲解四种方法来实现这一目标。 1. **getAttribute()方法** JavaScript的`getAttribute()...
简述data-属性的用法(如何设置，如何获取),有何优势？
m0_51958500的博客
02-22 3851
简述data-属性的用法(如何设置，如何获取),有何优势？
data-xxx 属性的作用是什么
weixin_30877493的博客
05-04 503
data-xxx为前端开发者提供了自定义属性 自定义属性可以通过对象的dataset来获取，不支持该属性的浏览器可以通过getAttribute()方法来获取 例子： // 使用getAttribute获取 data- 属性 var user = document . getElementById ( 'user' ) ; var userName = plant . getAttr...
html中自定义添加属性并获取属性值
qq_42078712的博客
05-11 1597
在这个例子中，我们在div元素上定义了一个名为"data-index_id"的属性，它的值是"123"。如果我们想从这个元素中获取这个属性的值，可以使用代码。这时，jQuery就会在DOM元素上查找名为"index_id"的数据，并将其作为返回值返回。请注意，如果元素上没有存储数据，则会返回undefined。前缀来添加以避免冲突。虽然这些自定义属性不能被浏览器自动识别和处理，但是可以使用JavaScript来读取和操作它们的值。等，但在一些特殊场景中，如果开发者需要添加自定义属性，可以使用。
HTML5自定义属性之data-index
weixin_33832340的博客
11-17 1万+
#使用jquery获取data-index的值 jquery 的版本最好高一些 #html &lt;div id = 'div'&gt;&lt;span data-field='demo'&gt;&lt;/span&gt;&lt;/div&gt; #js alert($('#div&gt;span').data('field')); 输出:demo          ...
详解HTML5 data-* 自定义属性
12-30
在jQuery的attr与prop提到过在IE9之前版本中如果使用property不当会造成内存泄露问题，而且关于Attribute和Property的区别也让人十分头痛，在HTML5中添加了data-*的方式来自定义属性，所谓data-*实际上上就是data-...
vue 获取元素额外生成的data-v-xxx操作
10-14
主要介绍了vue 获取元素额外生成的data-v-xxx操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
在Vue中获取自定义属性方法:data-id的实例
12-28
获取自定义属性的方法： 第一步：首先在标签上...第三步：在[removed]里面的属性methods里面添写上事件函数 getDateId(id){} 在事件函数里面获取id的值即可 (item.id)' data-id=item.id> [removed] methods: { ge
babel-plugin-react-component-trace-data-attr:向html元素添加data-属性，以显示导致此元素创建的组件名称的踪迹
04-18
将data-component-trace属性添加到html元素，以显示导致该元素创建的React组件名称的踪迹。 注意：它仅适用于JSX元素，不适用于React.createElement 。 如果您使用的打字稿，并分别transpile它，使用"jsx": ...
HTML5 自定义属性 data-*属性名一定要小写吗？
资料汇总整理-仅供个人学习使用
01-14 3027
最近学习 javascript ，参考书籍是《 javascript 高级程序设计》第三版，在介绍自定义元素属性时书中给出了一个例子,如下： 理想情况下可以通过 myDiv.dataset.appId, myDiv.dataset.myname 访问数据，但是在实际测试的时候发现 appId 值为 undefined ，网上查了一下，说 HTML5 自定义属性不能包含大写字母，这种约束是不是
几种常见的获取页面元素数据的方法
红岸基地
04-20 4225
页面之所以是动态的，其实不仅仅是因为他是具有js的动态效果的，还有一部分是因为他的数据是动态的，所以页面才会显得很有活性，但是很多的时候获取数据是一个很恶心的事情，动不动就拿不到数据，作为一个前端，其实很大一部分时间也都是在处理数据，今天简单的将常见的几种获取数据的办法记录一下，不为别的，以后可以直接用，虽然简单的要死，但是还是记录一下比较好，说不定哪天脑子抽风忘记了....源码：&lt;!DOC...
html 对象元素如何获取div 里的data值 原生和jq对象两种获取
hexiaoniao的博客
07-19 3947
这是对象，需要获取到div里的data-id的值 转成jq对象就行了 console.log($(t).data("id")) 2.打印一下当前元素： 获取当前事件元素： t.currentTarget 获取html内的data值： console.log(t.currentTarget.getAttribute("data-id")); 搞定了 ...
vue data-v-xxx
pobu168的博客
03-31 2万+
现象：在Vue开发中，会遇到html被浏览器解析后，在标签中出现’data-v-xxxxx’标记，如下：<div data-v-fcba8876 class="xxx"> aaa</div>原因：来看官方解释：<style scoped> @media (min-width: 250px) { .list-container:hover { background: orang
vue中的data-xx获取相应的值
qq_42112846的博客
03-15 9343
data-radius语法： data-属性 我们可以去获取独立的标签当中标记为data-xx=""当中的值， 也可以获取当循环遍历某个数组时，当前的值或者是当前数值的索引 下面我们就来看一下具体的用法： 1，获取单个属性的值 //在当前div上定义一个点击事件 //当然这里的data-xx名字时可以自己 定义的但是我们一般定义为与元素的值由对应意义的名字 &lt;div @clic...
onclick方法获取当前标签上的data-*参数
linghunyoushou的博客
09-30 3093
先上html代码 <div id="add" data-id="2" data-name="Google" onclick="clickText(this)">Click Me</div> js重点 function clickText(e){ var name=e.getAttribute("data-name"); console.log(...
vue 设置标签data值，获取标签data参数
热门推荐
嘿喵财运旺旺
12-28 2万+
    // html &lt;span @click="getdata" :data-id="ids" &gt;待付款&lt;/span&gt; // VUE getdata:function(e){ console.log(e.srcElement.dataset.id) }  
jquery怎样获取html页面中的data-xxx
03-30 230
$(this).attr("data-id") // will return the string "123"or .data() (if you use newer jQuery >= 1.4.3)$(this).data("id") // will return the number 123注：1.两种方法 ①使用attr方法获得data-*...
HTML5自定义属性对象Dataset简介(data-xxx)
PT - Blog
08-29 2091
HTML5自定义属性对象Dataset简介(data-xxx)
div 定义一个 data-type 怎么获取data-type 属性值 示例代码
最新发布
05-24
在上述示例代码中，首先通过 `document.querySelector()` 方法获取到页面中的 `<div>` 元素，然后使用 `getAttribute()` 方法获取 `data-type` 属性的值，并将其赋值给变量 `dataTypeValue`。最后通过 `console.log...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值