html标签 通过js设置自定义属性值

最新推荐文章于 2023-05-11 15:34:23 发布
原创 最新推荐文章于 2023-05-11 15:34:23 发布 · 540 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html

本文介绍两种使用JavaScript为HTML元素设置自定义属性的方法。第一种为隐式方法，直接通过点操作符设置属性值，该方法设置的属性在前端页面不可见，也无法通过jQuery获取。第二种为显式方法，利用setAttribute方法设置属性值，在前端可见且可通过jQuery获取。
html标签的自定义属性js赋值方式有两种：
1、(隐式的方法)document.getElementById("testId").ggg = "new";
这种方法直接通过"."来给testID 设置属性ggg=“new”，这种方法在前台不会展示该属性，用$("#testId")[0].outerHTMl 也看不到ggg这个属性，用jquery方法$("#testID").attr("ggg") 也获取不到ggg 属性的值。

2、(显示的方法)document.getElementById("testId").setAttribute("ggg", "new");
在前台会展示该属性，用jquery也可以获取到值
JavaScript如何修改HTML元素的属性
CodeWhizZ的博客
09-13 451
通过获取元素对象，我们可以使用对象的属性和方法来修改元素的属性或添加和删除属性。除了直接修改属性，JavaScript还提供了setAttribute()和removeAttribute()方法来修改元素的属性。在JavaScript中，我们可以使用document对象的方法来获取HTML元素的引用。除了修改属性，JavaScript还可以添加和删除HTML元素的属性。获取元素对象后，我们可以使用对象的属性和方法来修改元素的属性。这将返回一个表示该元素的对象，我们可以通过该对象来访问该元素的属性。
js 点击a标签 获取a的自定义属性方法
10-21
在本篇教程中，我们将探索如何在点击事件发生时，获取一个a标签上的自定义属性值。 首先，我们必须理解自定义属性的概念。在HTML中，我们可以通过在元素上使用data-前缀来创建自定义属性。这些自定义属性通常用于...
javascript中自定义属性值
weixin_44638167的博客
09-11 430
<div id="demo" data-index="2"> </div> <script> var div = document.getElementById("demo"); // 获取元素的属性值 element.属性; console.log(div.id); // element.getAttribute("属性"),get是得到获取attribute属性的意思,程序员自己加的属性叫做..
JavaScript-自定义属性
wsssq_的博客
02-26 774
getAttribute()、setAttribute()、removeAttribute()、dataset
JavaScript-----自定义属性操作
weixin_45904557的博客
05-13 2000
🍓.获取元素的属性值 🐇element.属性 元素本身自带的属性 <div id="demo" index="1" data-list-name="andy"></div> </body> <script type="text/javascript"> var div = document.querySelector("div"); console.log(div.id) //demo 🐇element.get...
JavaScript如何自定义标签属性
Potry Code的博客
08-03 1万+
目录：一、为何要自定义属性？二、自定义属性的2种方式第1种：直接在标签中添加想要的属性第2种：设置自定义属性:setAttribute("属性的名字","属性的值");三、总结: 一、为何要自定义属性？ 因为html原生并没有给我们一些像要的属性，而我们可以给标签添加自己定义的属性，目的是为了存储一些数据。 二、自定义属性的2种方式 第1种：直接在标签中添加想要的属性 例如： <ul id=...
vue.js 获取当前自定义属性值
10-19
而在Vue.js中，我们同样可以通过`$el`属性访问到对应的DOM元素，然后通过`dataset`属性来获取我们想要的自定义属性值。 例如，如果我们有一个`<h5>`标签，并且想要获取其`data-id`属性值，可以在Vue组件的模板中...
js获取单元格自定义属性值的代码(IE/Firefox)
12-10
本篇将详细讲解如何在IE和Firefox两种浏览器环境下，通过JavaScript获取单元格的自定义属性值。 首先，我们需要了解JavaScript中的`document.all`对象，这是IE特有的一个全局对象，它包含了一个HTML文档中所有`...
关于html标签自定义属性的问题
09-28
同时，JavaScript可以通过`getAttribute()`方法来获取这些自定义属性的值，方便地在脚本中使用它们。 示例： ```javascript var imgElement = document.querySelector('img'); var productId = imgElement....
用javascript添加控件自定义属性
红叶的专栏
01-29 4283
前面说过为HTML元素添加自定义的属性，是通过手动在HTML控件中加上，其实可以在javascript中动态添加：如有一文本框：input type="text" id="txtInput" name="txtInput" value="自定义文本">如想增加idvalue属性(值为”自定义值”)，可以在javascript中这样写:var txt = document.g
js属性操作与设置
qq_71471435的博客
04-25 432
对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件对象的兼容性写法为。getAttribute("属性"):不仅可以获取元素本身的属性的属性值，还可以获取元素自定义的属性的属性值。事件属性返回当事件被触发时鼠标指针相对于浏览器页面（或客户区）的水平坐标。事件属性返回当事件被触发时鼠标指针向对于浏览器页面（客户区）的垂直坐标。元素的属性的设置:不仅可以设置元素本身的属性，还可以设置元素自定义的属性。不仅可以移除元素本身的属性，还可以移除元素自定义的属性。
JS自定义属性操作
Sea_water778的博客
10-24 6058
1.获取属性两种方法 element.属性 获取内置属性值 element.getAttribute ( ’ 属性 ’ ); get获取 attribute 属性的意思 获取程序员自己添加的属性 称为自定义属性 2.设置属性值两种方法 element.属性 = ’ 值 ’ 设置内置属性值。 element.setAttribute ( ’ 属性 '，‘ 值 ’ )； 区别； element.属性 设置内置属性值 element.setAttribute( ’ 属性 '，‘ 值
自定义标签属性数据通过json对象解析得到所需数据方法
xiongqiangwin1314的专栏
08-07 1719
json数据解析方法JSON.parse()以及自定义标签属性数据的定义以及获取
JS 修改元素属性的六种方式
热门推荐
boonyaxnn的博客
04-04 4万+
方式一、 1.setAttribute 描述：设置元素的【属性】 语法：元素名.setAttribute('属性','属性值'); 例子： box.setAttribute('style','background-color:red;height:400px'); 注意：设置的是行内样式 2.getAttribute 描述：获取属...
html标签使用时特别注意,JavaScript怎么修改HTML标签属性
weixin_33007509的博客
06-27 1000
javascript修改属性的方法：首先使用getElementById()、getElementsByName()或getElementsByTagName()获取到DOM对象；然后使用“DOM对象.属性名=值;”来修改属性即可。本教程操作环境：windows7系统、ECMAScript 5版、Dell G3电脑。HTML DOM 对象从 JavaScript 的观点来看，网页上的每个 HTML...
html中自定义添加属性并获取属性值
qq_42078712的博客
05-11 1868
在这个例子中，我们在div元素上定义了一个名为"data-index_id"的属性，它的值是"123"。如果我们想从这个元素中获取这个属性的值，可以使用代码。这时，jQuery就会在DOM元素上查找名为"index_id"的数据，并将其作为返回值返回。请注意，如果元素上没有存储数据，则会返回undefined。前缀来添加以避免冲突。虽然这些自定义属性不能被浏览器自动识别和处理，但是可以使用JavaScript来读取和操作它们的值。等，但在一些特殊场景中，如果开发者需要添加自定义属性，可以使用。
html+自定义属性+赋值,HTML标签自定义属性(示例代码)
weixin_29069575的博客
06-09 1562
HTML标签可以自定义属性，但是我们要考虑其在IE、Firefox以及chrome下的兼容性问题。例如：这里的“myAttr”就是这个标签的自定义属性了。如果定义了属性却使用不了，那么这个属性就没有任何意义了，接下来就是如何去调用我们的自定义属性的值了。在IE浏览器里，我们通过获取对象后直接调用就可以了document.getElementById("newTest").myAttr;复制代码在I...
【HTML】元素 自定义属性 设置与获取（两种方式-含data-*）
m0_61486963的博客
08-10 8505
元素 自定义属性 设置与获取（两种方式-含data-*）
前端js 实现Html标签统一赋值和取值 等通用方法
小白笔记本
01-06 9463
通常我们获取Html页面中某个标签的值，需要通过Id标签一个一个去获取，当页面需要获取的值很多时，这样的工作无疑是枯燥且麻烦的，这时候就需要我们写一些用于偷懒的小方法了。总结方法如下： var util = { init: null }; util.init = function (){ }; /** * 自定义js文件 用于赋值 * 把数据绑定到对象名称为modelN
js对已经在标签中的自定义属性值进行修改
最新发布
05-10
嗯，用户的问题是关于如何用JavaScript修改HTML标签中已有的自定义属性值。首先，我需要回忆一下JavaScript中操作属性的方法。记得有两种主要方法：直接使用元素对象的属性访问，或者使用getAttribute和setAttribute...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值