获取自定义属性值设置自定义属性值

最新推荐文章于 2024-07-31 16:33:32 发布

hcoke

最新推荐文章于 2024-07-31 16:33:32 发布

阅读量1k

点赞数

分类专栏：学习笔记文章标签： javascript 前端 elementui

本文链接：https://blog.csdn.net/m0_62962469/article/details/123436371

版权

学习笔记专栏收录该内容

63 篇文章 0 订阅

订阅专栏

在之前，我们通过如下的方式获取元素的属性值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			
		</style>
	</head>
	<body>
		<div id="box">
			
		</div>
		<script type="text/javascript">
			var div = document.querySelector('div');
			console.log(div.id);
		</script>
	</body>
</html>

这里我们新了解到了element.getAttribute('属性') get得到 Attribute 属性的意思

可以用下面的代码直接获取到div标签的id。

console.log(div.getAttribute('id'));

他们两个的区别在哪里：

第一个用在元素内置的属性的获取，而第二个我们常用于自定义属性 (程序员自己添加的属性)。

如何对自定义属性值进行修改：

首先是之前的方法：元素.属性 = 值比如：

div.id = test;

新了解到的：element.setAttribute('属性','值');

将上边的div的id改为boxs

div.setAttribute('id','boxs');

移除元素属性值：element.removeAttribute('属性')

div.removeAttribute('id');

从而移除div的id属性

hcoke

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
获取自定义属性值设置自定义属性值

在之前，我们通过如下的方式获取元素的属性值<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> </style> </head> <body> <div id="box"> </div&gt
复制链接

扫一扫