js——如何获取data-id中的值

最新推荐文章于 2022-05-23 09:59:50 发布
最新推荐文章于 2022-05-23 09:59:50 发布
阅读量3.6w 收藏 9
点赞数 1
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lucky541788/article/details/81774046
版权

jquery

var f1 = $(this).data('id');
var f2 = $(this).attr('data-id');

js

document.getElementById('fun').dataset.appId = 'hsfun' // <div data-app-id="hsfun"></div>
var f2 = document.getElementById('fun').dataset.appId // hsfun
肖ZE
关注
  • 1
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
设置获取data-*属性值
a97156000的博客
08-15 933
html代码如下： <div id="getId" data-id="122" data-vice-id="11">获取id</div > 需要获取的就是data-id和dtat-vice-id的值 一：getAttribute()方法 const getId = document.getElementById('getId'); ...
js——获取data-id 的值
Sunshine0508的博客
08-01 3813
js document.getElementById('fun').dataset.appId = 'hsfun' // <div data-app-id="hsfun"></div> var f2 = document.getElementById('fun').dataset.appId // hsfun jquery var f1 = $(this).dat...
js获取data-*属性值，及赋值
weixin_40030173的博客
05-19 1万+
js获取data-*属性、及设置赋值，此处以a标签为例： <a href="javascript:;" data-id="2020" id="demo0">data0</a> <a href="javascript:;" data-name-id="202005" id="demo1">data1</a> <a href="javascript:;" id="demo2">data2</a> 一、jq获取data属性值的两种方法：
var id = $(this).data(‘id‘)；
m0_49471668的博客
08-13 1537
$（this）就是获取当前的意思，点击了一个地方，那么this就是指向这个地方
JS实现获取自定义属性data值的方法示例
12-29
本文实例讲述了JS实现获取自定义属性data值的方法。分享给大家供大家参考，具体如下： HTML部分： <div id=tree data-leaves=47 data-plant-height=2.4m></div> js部分： var tree = document.getElementById(tree); //getAttribute()取值属性 console.log(tree.getAttribute(data-leaves)); console.log(tree.getAttribute(data-plant-height)); //setAttri
js获取DOM元素的方法
weixin_40923558的博客
02-02 281
js获取dom元素的方法 通过ID获取 (getElementById) 通过name属性 (getElementByTagName) 通过类名 (getelementsByClassName) 通过选择器获取一个元素 (querySelector) 通过选择器获取一组元素 (querySelectorAll) 获取HTML的方法 (document.documentElement) ...
如何获取data-id属性？
CHCH998的博客
04-11 1865
I'm using the jQuery quicksand plugin. 我正在使用jQuery quicksand插件。 I need to get the data-id of the cl
JS JQuery获取data-*属性值方法解析
10-14
在现代浏览器中，JavaScript提供了一个更简洁的方法——`dataset`属性，可以直接访问`data-*`属性。`data-`前缀被省略，属性名转换为驼峰式命名。例如： ```javascript console.log(getId.dataset.id); // 输出: ...
js中获取jsp表单中radio类型的值简单实例
11-22
本篇将详细介绍如何在JavaScript中获取JSP表单中radio类型的值。 首先，让我们回顾一下问题的背景。通常，我们使用jQuery的`serialize()`方法来获取整个表单的数据，例如： ```javascript var data = $("#...
在Taro小程序中使用原生echarts——ec-canvas.doc
09-02
在 Taro 小程序中使用原生 eCharts —— ec-canvas 在 Taro 小程序中使用原生 eCharts 需要使用 ec-canvas 组件，这个组件提供了一个基于 HTML5 canvas 元素的图表绘制引擎，它可以在小程序中轻松地实现复杂的图表...
基于form-data请求格式详解
12-13
在实际应用中，XMLHttpRequest Level 2引入了FormData对象，使得在JavaScript中构造和发送multipart/form-data请求变得更为便捷。通过创建FormData对象，我们可以动态地添加键值对，包括文件。例如： ```javascript...
data-merg
03-30
在本案例中，标签“TypeScript”暗示了我们可能是在使用一种静态类型的JavaScript超集——TypeScript来进行数据处理。TypeScript提供了强类型检查、接口、类和模块等功能，使得编写大规模的、复杂的数据处理代码变得...
javascript经典特效---框中左右选择.rar
01-07
《JavaScript经典特效——框中左右选择》 在Web开发中，JavaScript作为一种强大的客户端脚本语言，为网页提供了丰富的交互性和动态效果。今天我们要探讨的是一个常见的JavaScript特效——框中左右选择，这种效果常...
student-data-Management-System
05-25
通过结合CSS（层叠样式表）和JavaScript，可以实现交互式功能，提升用户体验。 数据库方面，系统选择了PostgreSQL作为数据存储解决方案。PostgreSQL是一种强大的开源对象关系数据库系统，以其高度的稳定性和丰富的...
最新版axios入门教程——2.02-json-server的介绍与服务搭建(Av756328321,P2).rar
11-07
Axios是一款流行的JavaScript库，用于在浏览器和Node.js环境中发起HTTP请求，而json-server则是一个快速、开箱即用的轻量级工具，能够帮助开发者创建RESTful API，尤其适合于前端开发中的数据模拟。 首先，让我们...
js: 获取标签元素data-*属性值的方法
彭世瑜的博客
05-23 5901
标签上有两个属性data-id 和 data-user-name, 需要通过js去获取 <style> #user::before { content: attr(data-id); } #user::after { content: attr(data-user-name); } </style> <div id="user" data-id="666" data-user-name="Tom"></div> 方式
如何获取data-id中的值
热门推荐
ke3863834的博客
08-08 4万+
一般data-id用于一些菜单栏的匹配，在实际中有很大的用处
【jQuery】data-id和id的区别
DomCode
11-03 3003
data-id和id的区别 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &
vue 对象里面有id属性_在Vue中获取自定义属性方法:data-id的实例
weixin_39559750的博客
12-19 1769
获取自定义属性的方法：第一步：首先在标签上绑定上@click="getDateId(item.id)",并将属性值传到绑定的事件里面第二步：在标签上继续绑定：date-id = "item.id"属性第三步：在里面的属性methods里面添写上事件函数 getDateId(id){} 在事件函数里面获取id的值即可methods: {getDataId(id) {console.log(id);}...
js获取html标签中的内容
最新发布
07-28
要使用JavaScript获取HTML标签中的内容，可以使用以下方法： 1. 使用innerHTML属性：innerHTML属性返回指定元素内的HTML内容，包括标签和文本。例如，要获取id为"box"的div元素中的内容，可以使用以下代码： ```javascript var box = document.getElementById('box'); var content = box.innerHTML; console.log(content); ``` 这将输出div元素中的所有内容，包括标签和文本。 2. 使用innerText属性：innerText属性返回指定元素内的纯文本内容，去除了所有HTML标签。例如，要获取id为"box"的div元素中的纯文本内容，可以使用以下代码： ```javascript var box = document.getElementById('box'); var text = box.innerText; console.log(text); ``` 这将输出div元素中的纯文本内容，不包括任何HTML标签。 3. 使用textContent属性：textContent属性返回指定元素内的文本内容，保留了文本的格式，但去除了所有HTML标签。例如，要获取id为"box"的div元素中的文本内容，可以使用以下代码： ```javascript var box = document.getElementById('box'); var text = box.textContent; console.log(text); ``` 这将输出div元素中的文本内容，保留了文本的格式，但不包括任何HTML标签。 请注意，以上方法都是通过JavaScript来获取HTML标签中的内容。具体使用哪种方法取决于你需要获取的内容以及你对内容的处理要求。 #### 引用[.reference_title] - *1* *2* *3* [JavaScript离别之作——HTML元素操作](https://blog.csdn.net/qq_51547965/article/details/123672845)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值