H5_0017：通过元素自定义属性值获取元素对象，并获取属性值

最新推荐文章于 2021-11-26 22:22:03 发布
最新推荐文章于 2021-11-26 22:22:03 发布
阅读量199 收藏
点赞数
原文链接：http://www.cnblogs.com/eliteboy/p/10958795.html
版权

 

        // 通过元素的属性值查找对象
        // document.querySelectorAll("[data]").forEach(function(e) {
        //  var t = e.getAttribute("data-fire")
        // $(e.currentTarget).attr("data")
        // e.currentTarget.getAttribute("data")
        // }

转载于:https://www.cnblogs.com/eliteboy/p/10958795.html

weixin_30511107
关注
【JS笔记】JS中的DOM对象以及通过JS获取DOM结点，操作DOM属性、DOM增删改查
✅ Java 开发工程师，从事 Web 应用程序的研发，擅长 Spring、SpringBoot 等技术。 ✅ 热爱编程，业余时间学习新知识，通过 CSDN 记录学习心得和笔记内容。
11-09 1923
DOM，全称是：Document Object Model，文档对象模型，它主要是用于描述HTML文档对象的。一个HTML页面是由许多的标签组成的，例如：html、head、body、div等等标签元素，JS里面将整个的HTML作为一个document文档来进行管理，其中HTML里面的每一个标签都是一个DOM结点。HTML里面所有的DOM结点构成了一颗DOM树，这就有点类似于二叉树了，只不过DOM里面的树是多叉树，因为HTML里面的标签里面可以嵌套许多其他的标签。...
h5新增标签和属性—自定义数据属性、媒体元素
m0_48180834的博客
08-09 442
一、自定义数据属性 data-*全局属性是一类被称为自定义数据属性的属性，在所有html元素上都可以嵌入这个自定义数据的属性，所有的这些属性都可以通过HTMLElement.prototype.dataset来访问。“*” 这个名字自己可以随取 <button id="btn_del" data-id="1">删除</button> <button data-msg="edit">修改</button> <scrip...
DOM能给我找对象？
N奈斯先生的博客
11-08 620
   欢迎加入前端技术营！如果你也是前端学习者或者对前端有学习的想法，那就跟着我一起从零开始进击前端。   致力于尽可能详细且简洁的介绍前端知识、自己的捷径，也是学习路上的记录。欢迎探讨 文章目录 ...
HTML5的自定义属性的使用总结
不怕麻烦的鹿丸的博客
11-09 3万+
以前我们需要自定义属性的时候一般是这样做的，在标签里面加上我们自己设置的一些属性： 在标签里设置自定义属性 然后获取里面的值是使用getAttribute来获取自定义属性里面的值： var myDiv = document.getElementById("myDiv"); var theValue = myDiv.getAttribute("user-defined-attribute")
JS获取元素属性和自定义属性
热门推荐
马优晨
09-14 16万+
昨天有同事问我，怎么获取自定义元素的属性，我意识到这个确实是个 问题，所有总结一下自己的心得。 获取元素的属性分为两种类型：1-获取元素常见的属性（class,id,type,value……）2-获取自定义的元素的属性（data-value,data-mess…….）获取元素的属性，设置元素的属性： 1-原生JS** 设置属性 .setAttribute("属性","值")
javascript根据元素自定义属性获取元素，操作元素
tju_tsubasa的博客
05-08 1万+
转自javascript根据元素自定义属性获取元素，操作元素function getElementByAttr(tag,attr,value) { var aElements=document.getElementsByTagName(tag); var aEle=[]; for(var i=0;i<aElements.length;i++) { if
vue.js 获取当前自定义属性值
10-19
通过上述方法，我们可以有效地在Vue.js中获取元素的自定义属性值，并在需要时使用这些值进行进一步的逻辑处理。对于需要动态获取数据属性值的场景，`dataset`对象提供了便捷的访问方式，而通过Vue的数据绑定和事件...
js中获取自定义元素的方法
qq_41624138的博客
08-24 3495
console.log(this.dataset.type); //原生js第一种方法 console.log(this.dataset['type']); //原生js第二种 console.log($(this).data('type')); //jquery console.log($(this).attr("data-type")); //jquery 原生js中获取自定义属性的方法： jQuery: 1.1....
H5自定义属性 节点操作
m0_61700036的博客
11-26 819
目录 一、自定义属性 1. 设置H5自定义属性 2. 获取H5自定义属性 二、节点操作 1、为什么要进行节点操作 2、节点概述 3、节点层级 （1）父级节点 （2）子节点 （3）兄弟节点 4、创建节点 （1）创建节点 （2）添加节点 （3）删除节点 （4）复制节点（克隆节点） （5）三种动态创建元素的区别 一、自定义属性 自定义属性目的：是为了保存并使用数据。有些数据可以保存到页面中而不用保存到数据库中。 自定义属性获取是通过getAttribute(‘属性...
获取自定义属性/event的触发事件对象和绑定事件对象
Lambert0320的博客
12-25 3654
1.获取自定义属性 var testEle = document.getElementById("test")   testEle.setAttribute("key","value"); // 设置   testEle.attributes["key"].nodeValue; // 获得   2.event的触发事件对象和绑定事件对象 event.target返回触发事
Js 怎么遍历json对象所有key及根据动态key获取值（根据k值获取相应的value值）
时清云的博客
10-11 2万+
Js代码 <script type="text/javascript"> getJson('age'); function getJson(key){ var jsonObj={"name":"张三","age":"24","profession":"工程师"}; //1、使用eval方法 var eValue=eval('...
javascript　将变量值作为对象属性　获取对象对应的值
weixin_30914981的博客
08-15 484
例子 var var="name"; 　　var objname="obj"; 　　objname=objname+"."+var; 　　alert(eval(objname)); 转载于:https://www.cnblogs.com/mxjx/p/3259455.html
在js中如何获取到你点击的元素的html、对象、属性值、以及自定义的属性值
xyq286654901的博客
05-25 5万+
前言：记录自己在工作中遇到的小问题，积少成多！因为是新手，有什么写的不好的地方还希望大家能够指出来。有什么更好的解决方法也希望大家能提出来，一起交流分享！（小弟在这里先谢谢大家） 直接上代码： 1、jsp页面代码 首先定义两个按钮,添加一些常规属性type、id、value 其次再定义给每个按钮一个自定义的属性custom 与方法一配套的input 与方法二配套的i
HTML中获取元素的内置属性和自定义属性的方式
liulang68的博客
07-03 3453
获取属性的方式 var div = document.querySelector('div'); // 1. 获取元素的属性值 // (1) element.属性 console.log(div.id); //(2) element.getAttribute('属性') get得到获取 attribute 属性的意思 我们程序员自己添加的属性我们称为自定义属性 index console.log(div.getAttribut
html js获取session_如何用 JS 一次获取 HTML 表单的所有字段 ？
weixin_39603357的博客
11-20 213
问：如何用 JS 一次获取 HTML 表单的所有字段 ？考虑一个简单的 HTML 表单，用于将任务保存在待办事项列表中：<form> <label for="name">用户名</label> <input type="text" id="name" name="name" required> <label for="...
js对象数组根据某一属性查找对象
稻草人的格子衫
07-08 3万+
js对象数组[{name: "zhangsan", age: 20}, {name: "lisi", age: 30}], 如果想查找name是zhangsan的这个对象，传统方法可以根据for+if条件遍历，也可以用map重新构造，或者组装新对象。 1. 组装新对象 list.forEach(function (item) { selectObj[item.name] = item }) selectObj新对象结构为：{"zhangsan": {name: "zhangsan", a...
js 对象通过属性或者属性值相对应查找（亲测有效）
追逐的活
06-29 1万+
var obj={ buJiMianCheSun: "1", buJiMianCheSunRMB: "", buJiMianChengKe: "1", buJiMianChengKeRMB: "", buJiMianDaoQiang: "1", buJiMianDaoQiangRMB: "", buJiMianHuaHen: "0", carNo: "我是车牌",...
H5基础与高级技巧：内联元素、块级展示与定位
通过`display: inline-block`可以实现块元素的一行排列并设置宽度和高度。 2. **浮动与清除浮动**： 浮动用于控制元素的布局，使元素脱离文档流。例如，通过`float: left`或`float: right`可以让元素向左或右浮动...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值