js自定义属性

最新推荐文章于 2024-05-28 17:35:26 发布
最新推荐文章于 2024-05-28 17:35:26 发布
阅读量225 收藏
点赞数
分类专栏： js案例 文章标签： js自定义属性
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014414110/article/details/88176989
版权

一、效果

在这里插入图片描述
二、代码

<body>
		<ul>
			<li>语文成绩</li>
			
			<li>数学成绩</li>
			
			<li>化学成绩</li>
			
			<li>地理成绩</li>
			<li>生物成绩</li>
		</ul>
		
		
		<script>
			function my(id){
				return document.getElementById(id);
			}
		//自定义获取没个科目的成绩
		var list=document.getElementsByTagName("li");
		//遍历
		for (var i = 0; i < list.length; i++) {
			list[i].setAttribute("score",(i+1)*10);
			//自定义属性：setAttribute("属性的名字"，“属性的值)， 
			list[i].onclick=function(){
				alert(this.getAttribute("score"))//获取自定义属性的值getAttribute(”属性的名字）
			}
		}
		</script>
	</body>
林剑南
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
js设置和获取自定义属性的方法
11-26
Js操作自定义属性的方法： var testEle = document.getElementByIdx_x("test") testEle.setAttribute("test","aaa"); // 设置 testEle.getAttribute("test")； //获取 testEle.attributes["test"].nodeValue; // 获取 Jquery操作自定义属性的方法： $("#test").attr("test","aaa") // 设置 $("#test").removeAttr("test") // 删除 var testAttr = "ddd
js_自定义属性
weixin_46323591的博客
05-28 2176
二. 自定义属性 自定义属性操作 1.获取属性值 element.属性 获取属性值 element.getAttribute(‘属性’); var d = document.querySelector('div'); console.log(d.getAttribute('index')); 区别 element.属性 获取内置属性值（元素本身自带的属性） element.getAttribute(‘属性’); 主要获得自定义的属性 （标椎） 我们程序员自定义的属性 2.设置属
JavaScript 自定义属性操作
最新发布
猿码互联
05-28 474
在 JavaScript 中，可以使用自定义属性来存储与元素相关的数据。自定义属性允许开发人员在元素上存储任何类型的数据，包括字符串、数字、对象等。接下来，我将详细解析如何在 JavaScript 中操作自定义属性，并提供相应的代码示例。总结： 自定义属性允许在 JavaScript 中添加、获取、删除和检查属性，可以存储任何类型的数据，包括对象。但需要注意的是，自定义属性并不是原生 HTML 属性，应该遵循。要访问存储的对象，可以先获取自定义属性的值，然后使用。是自定义属性的命名规则，
js中自定义属性的全部用法
热门推荐
codePlayer
07-27 1万+
标签上的自定义属性: 在开发中,有时候会需要给标签上添加一些自定义属性用来存储数据或状态 设置了自定义属性的标签, 就是在标签上加上了这个属性,浏览器中的html结构中可以看到 因为DOM对象并不能直接使用点语法获取到这些自定义属性的值,所以接下来说怎么操作元素的自定义属性.   这里分原生js和jquery两个角度来说自定义属性, 本文主体内容结构如下 操作自定义属性 1. 原生js...
JS基础四【JS】
weixin_53943447的博客
03-01 1088
自定义属性的目的保存并保存数据，有些数据可以保存到页面中而不用保存到数据库中有些自定义属性很容易引起歧义，不容易判断到底是内置属性还是自定义的，所以H5有了规定设置H5自定义属性H5规定自定义属性data开头作为属性名并且赋值// 或者使用JavaScript设置获取H5自定义属性element.getAttribute('属性')element.dateset.index 或者 element.dateset['index']ie11才开始支持。
js学习笔记6（自定义属性、操作元素、DOM经典案例）
qq_63130842的博客
04-11 951
核心思路：1.点击眼睛按钮，把密码框类型改为文本框就可以看见密码 2.一个按钮两种状态，点击一次，切换为文本框，再点击一次，切换为密码框 3.算法：利用一个flag变量，判断flag的值，如果是1就切换为文本框再把flag设置为0，如果是0，就切换为密码框再把flag设置为1 -->//把全选框的状态赋给每个小框，就可以达到同等状态了，在全选框选中时，每个小框也会被选中，取消全选时即都会取消选中。//this.checked可以反映当前选中状态，选中即为true,未选中即为false。
JS实现获取自定义属性data值的方法示例
10-17
在前端开发中，通过JavaScript来操作DOM是...这样的自定义属性可以用来存储对JavaScript来说必要的信息，但不会对页面的外观或者功能产生影响。示例代码中使用了自定义属性data-leaves和data-plant-height： ```html ...
layui select获取自定义属性方法
10-18
通过自定义属性，开发者能够存储与选项相关联的额外信息，并通过JavaScript动态地访问和操作这些信息。这对于实现一些复杂交互场景特别有用，比如为选项添加图片、链接或其他元数据。在实际开发中，合理使用自定义...
js 点击a标签 获取a的自定义属性方法
10-21
在传统的原生JavaScript中，我们可以通过访问元素的`attributes`集合来获取所有的属性，包括自定义属性。下面是获取自定义属性的一种方法： ```javascript function showDetail(obj) { var ownattr = obj....
JS的自定义属性
weixin_42565663的博客
07-08 549
1、除了一些特定属性，如value、name，还可以添加自定义属性：oBtn.abc = 123 ;    JS可以为任何HTML元素添加任意个 自定义属性。2、for里面套了function，function里面的i变量为最后循环完的那个值，所以需要用带this。3、一般创建的索引值也为自定义属性，如aBtn[i].index = i ; 外面还包含一个for循环。从i=0依次递增建立索引值。4...
js的自定义属性
lemonnomel1的博客
07-06 705
js的自定义属性自定义属性：给是给元素上定义本来不存在的属性自定义属性最常见的是索引值。因为for循环结束时i已经变成最后一个数字，再次使用i就会出现错误，因此必须用到自定义属性，否则i显示的永远是循环结束后的数字。元素[i].index = i。如数组里的数据和按钮利用索引值一一对应。练习1：在点击按钮（3个）时用索引值把arr（3个）里的数据输入到p（3个）标签里。&lt;input type...
HTML5的自定义属性data-*详细介绍和JS操作实例
12-14
当然高级浏览器下可通过脚本进行定义和数据存取。在项目实践中非常有用。 例如： 复制代码代码如下:<div xss=removed xss=removed xss=removed> </div> 使用attribute方法存取 data-* 自定义属性的值 使用attributes方法存取 data-* 自定义属性的值非常方便： 复制代码代码如下: // 使用getAttribute获取 data- 属性 var user = document . getElementById ( ‘user’ ) ; var userName = plan
js获取属性和自定义属性操作
seimeii的博客
03-29 2401
js获取属性和自定义属性操作
Java基础回顾_Java for循环运行步骤Code详解
chuolin8358的博客
11-24 152
package 基础; /* * 这里我就把for循环结构写清楚点: * for(初始化循环变量; 判断循环体是否结束的条件表达式; 改变判断条件表达式值的语句){ * 循环体 * } * */ public class For的详细运行 { public static...
JavaScript-----自定义属性操作
weixin_45904557的博客
05-13 1780
🍓.获取元素的属性值 🐇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...
自定义属性
qq_44378009的博客
12-05 849
1.5. 自定义属性操作 1.5.1 获取属性值 <div id="demo" index="1" class="nav"></div> <script> var div = document.querySelector('div'); // 1. 获取元素的属性值 // (1) element.属性 console.log(div.id); //(2) elemen...
前端 - 自定义属性
kelly0721的博客
04-12 4140
通用属性 自定义属性 CSS 变量属性
用javascript获取自定义属性
weixin_48047636的博客
04-27 4076
<body> <div id="demo" index="zhu" class="nav"></div> <script> //先获取属性值 var div_js=document.querySelector("div"); //用element获取div里面的元素属性id 直接console element.属性 //语法:element.属性 console.l
js自定义属性dataset
08-30
JavaScript中的自定义属性dataset是指在HTML元素节点中使用data-前缀定义的属性集合。通过dataset属性，我们可以在JS中获取这些自定义属性的值。dataset属性的值是一个DOMStringMap对象，它是一个键值对的映射。每个data-name形式的属性都会有一个对应的属性，只是没有data-前缀。需要注意的是，如果自定义属性使用了驼峰式命名，在dataset中获取属性值时需要使用全部小写形式。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [在JS中使用dataset获取自定义属性注意事项](https://blog.csdn.net/qq_44960253/article/details/106868020)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值