js 获取自带与自定义的属性值

最新推荐文章于 2024-04-11 22:06:30 发布
最新推荐文章于 2024-04-11 22:06:30 发布
阅读量517 收藏
点赞数
分类专栏： HTML + CSS JS JQUERY
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010168409/article/details/39894635
版权 




 <body>
  
	<input type="button" age = "221" name="box" value="测试" οnclick="test(this)" />


  <script type="text/javascript">
	function test(obj){
		alert(obj.name);   //因为name是对象自带的属性，直接对象 obj.name
		alert(obj.getAttribute("age"));   //age不是对象自带的属性，所以需要采用 obj.getAttribute("age");  这样来获取自定义的age的属性值
	};
  </script>
 </body>


 <body>
	  
		<input type="button" age = "221" name="box" value="测试" οnclick="test(this)" />
		<a href="javascript:void(0);" οnclick="javascript:test(this)">A标签测试</a>    
		<a href="javascript:void(0);" οnclick="test(this)">A标签测试</a>
	  <script type="text/javascript">
		function test(e){
			alert(e.onclick);   //因为name是对象自带的属性，直接对象 obj.name
			alert(e.getAttribute("age"));   //age不是对象自带的属性，所以需要采用 obj.getAttribute("age");  这样来获取自定义的age的属性值
		};
	  </script>
 </body>


js中获取自定义元素的方法
qq_41624138的博客
08-24 3513
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....
DOM HTML5 -操作自定义属性
汪汪汪汪
02-28 535
​ 如果它不存在，我们自己写入的叫做”自定义属性“，一般我们用来存储某些数据的场景下使用；我们的标签它默认就有自己的属性：id、class、style、src等等。
JS实现获取自定义属性data值的方法示例
10-17
主要介绍了JS实现获取自定义属性data值的方法,结合实例形式较为详细的分析了javascript针对自定义属性data的相关操作技巧,需要的朋友可以参考下
js 获取自定义属性值
Macdull2014的博客
09-05 229
html: <p tid="1" onClick="change()">111</p> <p tid="2" onClick="change()">111</p> <p tid="3" onClick="change()">111</p> js: function change(ev) {...
js获取自定义属性值
weixin_44423938的博客
03-17 393
我这是定义一个带有自定义的file_name超链接 <a href=’ ’ class=" file_name=‘测试属性’ οnclick=‘getdelf(this)’> 通过函数，点击超链接获取值 function getself(obj) { alert( obj.getAttribute(“file_name”)); } 其他网上说用attr()，我试了很久不行，可能是版...
js 获取自定义属性的值
zjutke的专栏
10-28 618
var demo=this.attributes['demo'].nodeValue;
js中获取自定义属性
itbigboy的博客
04-16 1468
Javascript——自定义属性操作和移除
mintsolace的博客
07-02 302
在html标签中添加的自定义属性，如果想获取这个属性值，要使用getAttribute(“自定义属性名字”)才能获取 <ul> <li age="25">wyx</li> <li age="29">wxy</li> <li age="43">cxh</li> <li age...
JavaScript的this和自定义（属性，索引，标识）用法
weixin_58139900的博客
11-04 1204
自定义属性 元素的本质就是对象（元素这个对象是浏览器内置的帮我们去定义好的,包含了很多属性和值都是天生自带的，我们也可以自己去给元素定义属性和值 只要是对象就符合对象的操作（给值就是设置，不给值就是获取） div.id = "box"; // div.className = "myBox"; div["className"] = "myBox"; // 获取 console.log(div.id); console.
JS笔记（二） 函数，自定义属性
DragonLoveYQ的博客
11-07 536
一、function函数 //多次使用的时候，需要写多个打印，如何封装起来？ console.log('朋友'); console.log('小红'); console.log('是我的'); console.log('朋友'); console.log('小红'); console.log('是我的'); 函数封装 functionf fn(){ console.log('朋友'); console.log('小红'); console.log('是我的'); } 执行函数 fn();//第一
jquery和js获取自定义属性的值
m0_37327931的博客
10-18 1609
1、原生js获取并设置自定义属性的值； &lt;div id="su" data-it="1" sex="2"&gt;&lt;/div&gt; 1）自定义属性data-属性; var $div = document.getElementById('su'); //获取值的两种方法 var it = $div.getAttribute('it'); var sex = $div.data...
js 获取HTML自定义属性的值
King Saj
11-02 631
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>未来元素绑定事件</title> </head> <body> <div id="box-content"> <ul> </ul> </div> <script src="https://cdn.boot
用javascript获取自定义属性
weixin_48047636的博客
04-27 4127
<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获取自定义属性的方法
cghncgfnm的博客
06-05 3695
HTML： <span id='item'
js获取属性和自定义属性操作
seimeii的博客
03-29 2521
js获取属性和自定义属性操作
js 中设置或获取自定义属性的方法setAttribute getAttribute attributes
热门推荐
QMM的专栏
06-07 1万+
1. setAttribute(attributename,attributename) 方法添加指定的属性，并为其赋指定的值。 属性可以是自定义的属性，如果这个指定的属性已存在，则仅设置/更改值 2. getAttribute(attributename);获取某个属性的值；返回值为string类型 注：attributename，value都是字符串类型 3. attributes;返...
js学习笔记6（自定义属性、操作元素、DOM经典案例）
最新发布
qq_63130842的博客
04-11 1062
核心思路：1.点击眼睛按钮，把密码框类型改为文本框就可以看见密码 2.一个按钮两种状态，点击一次，切换为文本框，再点击一次，切换为密码框 3.算法：利用一个flag变量，判断flag的值，如果是1就切换为文本框再把flag设置为0，如果是0，就切换为密码框再把flag设置为1 -->//把全选框的状态赋给每个小框，就可以达到同等状态了，在全选框选中时，每个小框也会被选中，取消全选时即都会取消选中。//this.checked可以反映当前选中状态，选中即为true,未选中即为false。
JavaScript - 操作元素 - 获取自定义属性值
qq_33962481的博客
06-22 7915
文章目录一、定义属性的操作1.获取属性值2.设置元素属性值3. 移除属性 一、定义属性的操作 二 选项卡案例 三 h5自定义属性
js获取自定义属性的两种方法
qq_41271393的博客
08-19 1万+
js获取自定义属性的两种方法 一、四种获取属性的方法 首先获取一个元素：var elem = document.getElementById(‘elem’); <div id="elem" class="box" title="hello" ancheng="Ancheng" data-user="小明" data-user-name="小小明"></div> 1、点(...
泛微oa e9中用js获取时间字段的值
08-06
在泛微OA E9中，可以使用以下JS代码获取时间字段的值： ```javascript var timeValue = document.getElementById("field123").value; // 替换field123为具体的时间字段ID console.log(timeValue); // 输出时间值，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值