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

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

#html

本文介绍两种使用JavaScript为HTML元素设置自定义属性的方法。第一种为隐式方法，直接通过点操作符设置属性值，该方法设置的属性在前端页面不可见，也无法通过jQuery获取。第二种为显式方法，利用setAttribute方法设置属性值，在前端可见且可通过jQuery获取。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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 407
通过获取元素对象，我们可以使用对象的属性和方法来修改元素的属性或添加和删除属性。除了直接修改属性，JavaScript还提供了setAttribute()和removeAttribute()方法来修改元素的属性。在JavaScript中，我们可以使用document对象的方法来获取HTML元素的引用。除了修改属性，JavaScript还可以添加和删除HTML元素的属性。获取元素对象后，我们可以使用对象的属性和方法来修改元素的属性。这将返回一个表示该元素的对象，我们可以通过该对象来访问该元素的属性。
HTML中自定义属性并通过JS获取属性值
2301_79858914的博客
08-27 880
是的，HTML可以自定义属性。自定义属性的语法是使用data-前缀，后面跟上自定义的属性名。例如：
javascript中自定义属性值
weixin_44638167的博客
09-11 413
<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 754
getAttribute()、setAttribute()、removeAttribute()、dataset
JavaScript-----自定义属性操作
weixin_45904557的博客
05-13 1966
🍓.获取元素的属性值 🐇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 点击a标签 获取a的自定义属性方法
11-26
本文将详细讲解如何在JavaScript中点击`<a>`标签并获取其自定义属性的方法，以及如何解决在jQuery环境下遇到的问题。 首先，我们来回顾一下问题的背景。在项目中，开发者试图通过点击`<a>`标签来显示完整的内容。...
js获取单元格自定义属性值的代码(IE/Firefox)
12-10
本篇将详细讲解如何在IE和Firefox两种浏览器环境下，通过JavaScript获取单元格的自定义属性值。 首先，我们需要了解JavaScript中的`document.all`对象，这是IE特有的一个全局对象，它包含了一个HTML文档中所有`...
用javascript添加控件自定义属性
红叶的专栏
01-29 4271
前面说过为HTML元素添加自定义的属性，是通过手动在HTML控件中加上，其实可以在javascript中动态添加：如有一文本框：input type="text" id="txtInput" name="txtInput" value="自定义文本">如想增加idvalue属性(值为”自定义值”)，可以在javascript中这样写:var txt = document.g
js属性操作与设置
qq_71471435的博客
04-25 373
对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件对象的兼容性写法为。getAttribute("属性"):不仅可以获取元素本身的属性的属性值，还可以获取元素自定义的属性的属性值。事件属性返回当事件被触发时鼠标指针相对于浏览器页面（或客户区）的水平坐标。事件属性返回当事件被触发时鼠标指针向对于浏览器页面（客户区）的垂直坐标。元素的属性的设置:不仅可以设置元素本身的属性，还可以设置元素自定义的属性。不仅可以移除元素本身的属性，还可以移除元素自定义的属性。
JS自定义属性操作
Sea_water778的博客
10-24 6037
1.获取属性两种方法 element.属性 获取内置属性值 element.getAttribute ( ’ 属性 ’ ); get获取 attribute 属性的意思 获取程序员自己添加的属性 称为自定义属性 2.设置属性值两种方法 element.属性 = ’ 值 ’ 设置内置属性值。 element.setAttribute ( ’ 属性 '，‘ 值 ’ )； 区别； element.属性 设置内置属性值 element.setAttribute( ’ 属性 '，‘ 值
自定义标签属性数据通过json对象解析得到所需数据方法
xiongqiangwin1314的专栏
08-07 1705
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 988
javascript修改属性的方法：首先使用getElementById()、getElementsByName()或getElementsByTagName()获取到DOM对象；然后使用“DOM对象.属性名=值;”来修改属性即可。本教程操作环境：windows7系统、ECMAScript 5版、Dell G3电脑。HTML DOM 对象从 JavaScript 的观点来看，网页上的每个 HTML...
JS基础四【JS】
weixin_53943447的博客
03-01 1334
自定义属性的目的保存并保存数据，有些数据可以保存到页面中而不用保存到数据库中有些自定义属性很容易引起歧义，不容易判断到底是内置属性还是自定义的，所以H5有了规定设置H5自定义属性H5规定自定义属性data开头作为属性名并且赋值// 或者使用JavaScript设置获取H5自定义属性element.getAttribute('属性')element.dateset.index 或者 element.dateset['index']ie11才开始支持。
js 设置、获取、删除标签属性以及H5自定义属性
qq_36158551的博客
02-01 1979
（1）自定义属性的目的：是为了保存和使用数据，有些数据可以保存到页面中而不用保存到数据库中（2）自定义属性获取是通过 getAttribute(‘属性’) 方法获取（3）但是有些自定义属性很容易引起歧义，不容易判断到底是元素内部的属性还是自定义属性（4）H5中新增了标准或者兼容性较好的获取方法 getAttribute(‘属性’)（1）H5新增方法（从IE11才开始支持，兼容性较差）（2）element.dataset.属性;（3）element.dataset[ ‘属性’ ]
js学习笔记6（自定义属性、操作元素、DOM经典案例）
qq_63130842的博客
04-11 1169
核心思路：1.点击眼睛按钮，把密码框类型改为文本框就可以看见密码 2.一个按钮两种状态，点击一次，切换为文本框，再点击一次，切换为密码框 3.算法：利用一个flag变量，判断flag的值，如果是1就切换为文本框再把flag设置为0，如果是0，就切换为密码框再把flag设置为1 -->//把全选框的状态赋给每个小框，就可以达到同等状态了，在全选框选中时，每个小框也会被选中，取消全选时即都会取消选中。//this.checked可以反映当前选中状态，选中即为true,未选中即为false。
js 动态添加标签元素并赋值
god_sword_的博客
10-28 3629
// 1. 获取元素 var sstq = document.getElementById("sstq24r"); // 2. parmar是一对象数组 parmar.forEach(function (item) { //创建子节点 var h3 = document.createElement("h3"); // 设置标签元素的样式颜色 h3.style.color = "#FFFFFF"; ...
js对已经在标签中的自定义属性值进行修改
最新发布
05-10
嗯，用户的问题是关于如何用JavaScript修改HTML标签中已有的自定义属性值。首先，我需要回忆一下JavaScript中操作属性的方法。记得有两种主要方法：直接使用元素对象的属性访问，或者使用getAttribute和setAttribute...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值