原生JS 获取自定义data-xxx 数据

最新推荐文章于 2023-03-29 17:59:47 发布
最新推荐文章于 2023-03-29 17:59:47 发布
阅读量1.4k 收藏 1
点赞数
文章标签： cms 后端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46473856/article/details/123717174
版权

最近在写js的时候遇到原生用js 获取 自定义data 获取从数据库读取的数据 调用其他js 渲染模型

需要 在循环的div 中 自定义 data-image (可以自定义)

                                <!--  模型文件显示位置-->
                                <div class="box_group">
                                    <div class="box" data-image="{$model_info.gltf_url}"></div>
                                </div>

其中 主要的是 getAttribute() 用这个方法可以获得data-image 中读取到的数据

张三的快乐生活
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript 原生方法读取html5自定义属性data-*,jQ获取html5的data-*属性
weixin_32223631的博客
05-31 782
data-*自定义数据属性HTML5规定可以为元素添加非标准型的属性，只需添加前缀data-，这些属性可以随意添加，随意命名，目的是为元素提供与渲染无关的信息，或提供语义信息。js获取data-*的方式通过dataset属性访问HTML代码 var div = document.getElementById("myDiv");var age= div.dataset.age;//获取data-ag...
如何获取原生数据
weixin_30520015的博客
06-23 227
curl传值 $data = file_get_contents(php://input); 转载于:https://www.cnblogs.com/limeng951/p/5609238.html
原生js利用data选择元素
weixin_30599769的博客
09-28 575
//js var a = document.querySelector('[data-word=a]') console.log(a) 　　 html <dl class="find-car-content"> <dt data-word=a>a</dt> ...
js获取指定位置上的数据
AUTUMN
07-03 2496
js代码 //data是后台返回的json数据 var strs=new Array();//创建数组 for(var o in data){//循环 strs.push(data[o]) //赋值给数组 } for(var i=0;i&lt;strs.length;i++){//在循环 if(strs[i].name==0){//寻找指定的数据      var b...
引入的vue.js 怎么获取里面的data(对象实例化外部，获取data中的属性值)
coldriversnow的专栏
04-23 6602
在对象实例化外部，获取data中的属性值，使用v.$data.属性，如下图所示： 还可以直接使用对象.属性方法获取，如下图所示
HTML5自定义data-* data(obj)属性和jquery的data()方法的使用
09-28
`.data()`方法不仅支持单一属性的读取，还支持JSON格式的数据，例如`<div id="awesome-json" data-awesome='{"game":"on"}'></div>`，可以通过`jQuery("#awesome-json").data('awesome')`获取到一个JavaScript对象，...
原生js实现获取form表单数据代码实例
01-19
本文实例为大家分享了原生js实现获取form表单数据的具体代码，供大家参考，具体内容如下 //获取指定form中的所有的<input>对象 function getElements(formId) { var form = document.getElementById(formId...
JS JQuery获取data-*属性值方法解析
11-19
### JS JQuery 获取 data-* 属性值方法解析 在前端开发中，`data-*`属性是 HTML5 引入的一种新特性，它允许开发者为页面或应用程序中的任何元素添加额外的自定义数据属性。这些属性非常有用，特别是在需要存储与...
js设置和获取自定义属性的方法
10-21
本文将详细介绍如何在JavaScript（简称JS）中设置和获取这些自定义属性的方法。 首先，我们需要了解HTML中的自定义属性通常是以data-为前缀的。例如，如果我们想为一个元素添加一个描述用户信息的属性，我们可能会...
js 获取自定义data值
daixyhymn
06-17 518
<a :data-id="hymn" id="demo"></a> // 获取自定义data数据 $("#demo").data("id") // 设置data数据 $("#demo").data("id","123")
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-*...
小程序01/小程序 事件传参data-参数名=“参数值“ 方法介绍、 this.setData使用说明 js内获取和修改data数据 方法
m0_64494670的博客
12-19 3868
小程序01/小程序 事件传参data-参数名="参数值" 方法介绍、 this.setData使用说明 js内获取和修改data数据 方法
Js 获取同一个 class下的自定义属性值并进行操作
轩邈
10-29 1062
<div class = "tags-data" tempate="789" ></div> <div class = "tags-data" tempate="123" ></div> <div class = "tags-data" tempate="456" ></div> 对 tempate="123" 的行进行操作 jQuery方式对 tempate="123" 的 div 进行隐藏 $("div[tempat...
javascript 原生方法读取html5自定义属性data-*,JS实现获取自定义属性data值的方法示例...
weixin_39646107的博客
05-31 529
本文实例讲述了JS实现获取自定义属性data值的方法。分享给大家供大家参考，具体如下：HTML部分：js部分：var tree = document.getElementById("tree");//getAttribute()取值属性console.log(tree.getAttribute("data-leaves"));console.log(tree.getAttribute("data-...
js实现双向绑定,好用的原生双向绑定
deriva的专栏
12-21 559
s双向绑定采用自主编运用proxy代理的形式实现的，vue3也是通过proxy代理的。 我们知道vue主要的是双向绑定，vue2.0和3.0使用的形式还有所区别： vue2 的双向数据绑定是利⽤ES5 的⼀个 API ，Object.definePropert()对数据进⾏劫持 结合 发布订阅模式的⽅式来实现的。 vue3 中使⽤了 es6 的 ProxyAPI 对数据代理，通过 reactive() 函数给每⼀个对象都包⼀层 Proxy，通过 Proxy 监听属性的变化，从⽽ 实现对数据的监控。
js: 获取标签元素data-*属性值的方法
彭世瑜的博客
05-23 5996
标签上有两个属性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> 方式
js获取属性和自定义属性操作
seimeii的博客
03-29 2403
js获取属性和自定义属性操作
解析JavaScript 标签的data-xxx 属性值（解析script 标签上属性）
bwcx_jzy 的博客
08-27 5715
在JavaScript 中我们通常在引入外面js 或者内嵌js 都是通过写 script 标签来实现 &amp;lt;script type=&quot;text/javascript&quot;&amp;gt; console.log(1-2); &amp;lt;/script&amp;gt; // 或者 &amp;lt;script src=&quot;//a.com/tools.min.js&quot;&amp;
设置获取data-*属性值
a97156000的博客
08-15 945
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获取自定义属性e.data
最新发布
09-09
原生JS获取自定义属性`e.data`的方法如下： 1. 首先，我们需要获取到事件对象`e`，通常是在监听事件的回调函数中获取到。 2. 获取`e`对象的自定义属性`data`，可以通过`e`对象的`getAttribute()`方法来获取。例如...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值