js HTML标签的自定义属性的设置与获取

最新推荐文章于 2023-05-04 18:34:10 发布
最新推荐文章于 2023-05-04 18:34:10 发布
阅读量329 收藏
点赞数 1
分类专栏： JavaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Misnice/article/details/104579654
版权 
设置自定义属性:this.setAttribute("属性的名字","属性的值");
获取自定义属性的值:this.getAttribute("属性的名字");
html给元素添加自定义的值,JS为元素添加自定义属性
weixin_39549899的博客
06-20 790
JS 除了可以操作 HTML 元素现有的属性外，还可以对 HTML 元素自定义属性以及对这些自定义的属性进行读、写操作。JS 可以为任何 HTML 元素自定义任意的属性(属性名必须符合标识符规范)。使用 JavaScript 获取 HTML 元素后，就可以对该元素自定义属性，定义格式如下：元素对象.自定义属性名 = 属性值元素一旦自定义了某个属性后，该属性就和元素的内置属性的用法完全一样，即可通过...
DOM HTML5 -操作自定义属性
最新发布
汪汪汪汪
02-28 535
​ 如果它不存在，我们自己写入的叫做”自定义属性“，一般我们用来存储某些数据的场景下使用；我们的标签它默认就有自己的属性：id、class、style、src等等。
js中给html元素追加属性,如何使用js为html元素添加自定义属性？
weixin_36284062的博客
05-31 480
小唯快跑啊123456789101112131415161718WA1OR2AZ3UT4IA5MD6function funAlert(obj) {    obj.setAttribute('demo', obj.value); //setAttribute设置自定义属性 &n...
js批量操作html标签,js setattribute批量设置css样式的方法
weixin_33654339的博客
06-18 887
我们在开发程序的时候都会出现要变换样式的情况，今天爱站技术频道就为大家简单介绍js setattribute批量设置css样式的方法，希望对你学习这方面知识有帮助！firefox等可以使用var dom=document.getElementById("name");dom.setAttribute("style","width:10px;height:10px;border:solid 1px ...
js获取元素属性及自定义属性
weixin_58414196的博客
12-26 1000
【代码】js获取元素属性及自定义属性。
JavaScript中setAttribute兼容ie6 class onclick
weixin_30394669的博客
11-10 290
我们经常需要在JavaScript中给Element动态添加各种属性，这可以通过使用setAttribute()来实现，这就涉及到了浏览器的兼容性问题。 setAttribute(string name, string value)：增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。 1、样式问题setAttribute(class, value)中class是指改变...
vue.js 获取当前自定义属性值
10-19
在Vue.js框架中，获取组件或HTML元素的自定义属性值是一个常见的需求。自定义属性通常是指那些在HTML标准属性之外，由开发者自定义的属性，它们以“data-”为前缀。在Vue.js中，我们通常使用Vue的指令或方法来获取...
js 点击a标签 获取a的自定义属性方法
10-21
在传统的原生JavaScript中，我们可以通过访问元素的`attributes`集合来获取所有的属性，包括自定义属性。下面是获取自定义属性的一种方法： ```javascript function showDetail(obj) { var ownattr = obj....
关于html标签自定义属性的问题
09-28
在上面的代码中，我们可以通过`id`这个自定义属性获取到图片对应的`product.unitID`值。 2. **避免与默认属性冲突**：为了避免与HTML标准属性发生冲突，应确保自定义属性的名称不与已有的HTML属性相同。比如，不要...
html浏览器属性设置方法,javascript设置html元素属性（setAttribute）与ie不同版本的关系...
weixin_32591455的博客
06-04 580
浏览器版本在不断更新升级，一些低版本浏览器不支持的 javascript 方法在高版本中也得到支持。这也是为什么一些 javascript 代码在一些高版本浏览器中能正常执行，而在低版本浏览器或高版本浏览器的兼容模式报错的原因。就拿 javascript设置html元素属性(element attribute)来说，setAttribute 方法一些低版本的ie浏览器就不支持，必须得用其它方法，否...
HTML5如何添加自定义标签属性(data-自定义属性).zip
01-10
HTML5如何添加自定义标签属性(data-自定义属性).zip
SetAttribute()改变属性值
猫老爷
05-28 1万+
开发工具与关键技术：VS setAttribute() 作者:听民谣的老猫 撰写时间：2019/5/25 11:07 最近在做轮播下面的5个小圆点时接触到的新知识点。 如果要你为bottons下面的每一个span标签写上点击事件并且你点击哪个span标签on这个类就在哪个span标签上你会怎么做？？？ 首先肯定是获取bottons下面的每一个span给它们添加点击事件。（我这里是通...
原生js 获取自定义属性
weixin_46352937的博客
06-04 3046
原生js 获取自定义属性的两种方法
如何使用JavaScript来操作HTML元素
2301_77795034的博客
05-04 344
首先，作为一名 JavaScript 新手，您需要了解的第一件事就是，JavaScript 不是一门直接操作 HTML 元素的语言。DOM 是 HTML 和其他 Web 页面元素的中介，它允许您在浏览器中访问和修改页面元素。这个方法接受两个参数：要添加到文档中的元素的标签和文档对象。要修改元素的属性，您需要使用 JavaScript 中的 setAttribute() 方法。现在，让我们从最基本的开始，即如何获取页面中的元素。要获取页面中的元素，您需要使用 JavaScript 中的。
QT鼠标悬停和点击功能
ljjjjjjjjjjj的博客
05-02 6162
一、效果展示 二、代码实现 childWidget.h #pragma once #include <QtWidgets/QWidget> #include <QStyleOption> #include <QPainter> #include <QEvent> #include <QDebug> #include <QToolTip> #include <QHelpEvent> #pragma execut.
JavaScript
qq_48924336的博客
04-16 125
HTML:超文本标记语言，设计网页，内容（内容CSS:层叠样式表，表现（外观动态行为JavaScript（简称“JS”） 是一种具有函数优先的轻量级解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。
JavaScript中setAttribute用法详解
知足happiness的博客
08-29 2万+
setAttribute基本用法 element.setAttribute(attributename,attributevalue) setAttribute() 方法添加指定的属性，并为其赋指定的值,看到w3c的例子 document.getElementsByTagName("INPUT")[0].setAttribute("type","button"); 我们经常
setAttribute()方法
theowl的专栏
05-13 1万+
avascript之setAttribute()方法   经常需要在JavaScript中给Element动态添加各种属性，这可以通过使用setAttribute()来实现，这就涉及到了浏览器的兼容性问题。 setAttribute(string name, string value)：增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。
js中setAttribute用法详解
热门推荐
Z忽虎的博客
07-13 6万+
setAttribute基本用法element.setAttribute(attributename,attributevalue)setAttribute() 方法添加指定的属性，并为其赋指定的值,看到w3c的例子document.getElementsByTagName("INPUT")[0].setAttribute("type","button");我们经常需要在JavaScript中给E...
原生js获取自定义属性e.data
09-09
原生JS获取自定义属性`e.data`的方法如下： 1. 首先，我们需要获取到事件对象`e`，通常是在监听事件的回调函数中获取到。 2. 获取`e`对象的自定义属性`data`，可以通过`e`对象的`getAttribute()`方法来获取。例如： ```javascript var data = e.getAttribute('data'); ``` 如果`e`是一个DOM元素的事件对象，可以改为： ```javascript var data = e.target.getAttribute('data'); ``` 3. 其他方法可以使用`dataset`属性来获取自定义属性值。例如： ```javascript var data = e.dataset.data; ``` 这种方法适用于HTML5中的`data-*`属性。 4. 如果自定义属性`data`是在HTML标签的`data-*`属性中定义的，则可以直接通过`e`对象的`dataset`属性来获取。例如，如果自定义属性是`data-data`，则可以使用`e.dataset.data`来获取。 总之，原生JS获取自定义属性`e.data`的方法有多种，可以根据具体情况选择合适的方法来获取。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值