获取自定义data的几种属性

最新推荐文章于 2024-01-31 22:18:00 发布

weixin_30807677

最新推荐文章于 2024-01-31 22:18:00 发布

阅读量159

点赞数

文章标签： java

原文链接：http://www.cnblogs.com/kangkang-saonian/p/10232742.html

版权

//获取data属性的几种方法
    var id = this.getAttribute('data-id');
    var id = $(this).attr('data-id');
    var id = $(this).data('id');
    var id = this.dataset["id"];

转载于:https://www.cnblogs.com/kangkang-saonian/p/10232742.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30807677

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

使用jQuery获取data-的自定义属性

10-23

在jQuery中，我们可以通过编写一个扩展方法来获取指定元素的"data-"自定义属性。这个扩展方法可以被添加到jQuery的fn对象上，从而使其成为所有jQuery对象的方法。以下是一个扩展方法的实现： ```javascript jQuery....

js设置和获取自定义属性的方法

10-21

另一种获取自定义属性值的方法是直接操作 `attributes` 集合。每个属性都可以被视为一个节点，其属性值可以通过 `nodeValue` 属性来获取： ```javascript var userAttribute = testEle.attributes["data-user"];...

参与评论您还未登录，请先登录后发表或查看评论

获取自定义属性值data-*

qq_41818857的博客

03-31

487

原文：https://blog.csdn.net/jx950915/article/details/78931509 获取的就是data-id 和 dtat-vice-id的值 <li id="getId" data-id="122" data-vice-id="11">获取id</li> 一：getAttribute()方法 const getId = document.getElementById('getId'); // //getAttribute()取值属性 consol

[js] 获取自定义属性data-

qq_14993591的博客

10-06

1772

Html5规范中规定自定义属性需要添加前缀data-,目的是提供与渲染无关的信息。读取的时候是通过dataset对象，使用”.”来获取属性，需要去掉data-前缀 <div id="content" data-age="18">12345</div> var content= document.getElementById('content'); alert(content.dataset.age) //jquery $('#content').data('age');//

【HTML】自定义属性（data）

最新发布

小秀的博客

01-31

997

注意：传统方法无兼容性问题，但是不够优雅、方便。HTML5新方法很优雅、方便，但是有兼容性问题。优势：自定义的数据可以让页面拥有更好的交互体验(不需要使用Ajax或去服务端查询数据)。自定义属性 data: 的用法（如何设置,如何获取) ，有何优势？为了解决类似的问题，我们可以使用自定义属性（data-）。这时就不存在属性冲突的问题。此时 title 既是。

js,jQuery获取html5的data-*属性

不求前途凶吉，但求落幕无悔！

06-12

1368

data-*自定义数据属性 HTML5规定可以为元素添加非标准型的属性，只需添加前缀data-，这些属性可以随意添加，随意命名，目的是为元素提供与渲染无关的信息，或提供语义信息。js获取data-*的方式通过dataset属性访问//HTML代码 <div id="myDiv" data-appid="123" data-myname="lsxj"></div>//js代码 var div = do

微信小程序自定义属性设置和获取（data-）

小天空的博客

12-30

4686

自定义属性语法以data-开头： <block wx:for='{{post_key}}' wx:key="key" wx:for-item='item'> <view catchtap='onPostTap' data-postid="{{item.postId}}"> <template is='postItem' data='{{...item}}' /> </view> </block> 无论你这样写

JS实现获取自定义属性data值的方法示例

10-17

这篇文章主要讲述了如何在HTML中获取自定义属性data-的值，并展示了如何用JavaScript进行相关操作。这里的知识点涵盖了HTML5的自定义属性data-，JavaScript对DOM的操作，以及jQuery中data方法的使用。首先，HTML5...

HTML5的自定义属性data-*详细介绍和JS操作实例

12-14

在JavaScript中，有几种方式可以存取`data-*`属性： 1. **使用`getAttribute`和`setAttribute`**： - `getAttribute('data-uid')`用于获取`data-uid`的值，如`var userId = document.getElementById('user')....

jQuery中使用data()方法读取HTML5自定义属性data-*实例

10-26

在内容部分，我们看到data()方法的几种使用形式： 1. .data(key, value)：这种方法用于设置与指定DOM元素相关联的数据值。它接受两个参数，第一个是要存储数据的键名，第二个是与键名相关联的数据值。 2. .data...

setAttribute() 与 getAttribute() 用法剖析及选项卡操作的实例展示，这一篇就够了

狮子座的男孩

04-29

9982

Ⅰ、在 MDN 上 setAttribute() 与 getAttribute() 函数的用法解释(很详细)： 1、Element.setAttribute()：其一、摘要：设置指定元素上的某个属性值。如果属性已经存在，则更新该值；否则，使用指定的名称和值添加一个新的属性。要获取某个属性当前的值，可使用 getAttribute()；要删除某个属性，可使用 removeAttribute()。其二、语法： element.setAttribute(name, value); 参数： name

JS获取自定义属性data值

热门推荐

kongjunchao159的博客

08-06

5万+

var tree = document.getElementById("tree"); //getAttribute()取值属性 console.log(tree.getAttribute("data-leaves")); console.log(tree.getAttribute("data-plant-height")); //setAttribute()赋值属性 tree.setA

浅析Html5 data-*自定义属性

Afeyer的博客

11-24

3211

通常我们会通过使用getAttribute或者setAttribute来操作页面属性，然而在Html5中为我们提供了新的自定义属性方法，极大的方便了我们操作页面属性，并且我们可以使用自定义属性在某些情况下来进行数据存储。使用方法我们可以直接在html标签中设置自定义属性，例如：<div class="taodet-02"> <span> <button>{{itemlist

JQUERY获取html标签自定义属性值或data值

XPY567

11-09

2万+

示例： //获取属性值 1 JQUERY取值： $("#text").attr("value"); //获取自定义属性值 2 JQUERY取值：$("#text").attr("data_obj"); //获取data值 3 JQUERY取值：$("#text").data("name");

input 自定义属性data-XXX 获取

qianling12的博客

09-06

1万+

input 自定义属性 data-order js获取：document.getElementsByName(“appScene0”)[0].getAttribute(“data-order”) document.getElementsByName(“appScene0”)[0].dataset.order //比getAttribute慢 jquery获...

js通过'data-xxx'自定义属性获取dom元素

weixin_39889465的博客

01-10

2万+

当我们需要改变某一个元素的内容时，首先要获取该dom元素。其次，通过dom.innerHtml等改变dom的内容。但是针对一些没有class、id同时页面的元素还是动态渲染的场景，我们又该如何做呢？例如，下图中的div没有class，id，只有data-fieldmark自定义属性，且其值只有‘field’部分不变，数值部分根据不同的页面值不同，针对这样的场景我们又该怎么获取到dom呢？ wi...

data自定义属性在jQuery中的用法

wei_ke_zhi的博客

08-30

6700

（1）如果在HTML文档中设置的data-自定义属性的单个字符串的名称的属性中若有大写值，在js文件中获取时只能用小写的形式获取。如： HTML中data-Role，获取当时为$(node).data("role"); （2）如果在HTML中设置data-role和data-Role是一样的，html属性不区分大小写。然后我们从验证结果中可以看出，js只会找到第一个与其匹配就直接返回。（3...

关于自定义的data-*属性有时候取不到值的问题

Young_Gao的博客

09-20

2930

关于自定义的data-*属性有时候取不到值的问题

EasyUI ValidateBox组件详解：加载、属性与自定义验证

- ValidateBox可以通过两种方式进行加载：一是通过HTML class属性设置，如`<input id="email" class="easyui-validatebox" data-options="required:true,validType:'email'">`，这种方式预先定义了组件的默认配置。...