JavaScript 自定义属性

最新推荐文章于 2024-09-22 10:08:48 发布

chenkhcn

最新推荐文章于 2024-09-22 10:08:48 发布

阅读量348

点赞数

分类专栏： JavaScript 自定义属性操作元素文章标签： javascript

本文链接：https://blog.csdn.net/Crazykun/article/details/106910834

版权

JavaScript 同时被 3 个专栏收录

18 篇文章 0 订阅

订阅专栏

操作元素

2 篇文章 0 订阅

订阅专栏

自定义属性

1 篇文章 0 订阅

订阅专栏

获取自定义属性值的方法：

element.getAttribute('自定义属性');

设置自定义属性：

element.setAttribute('自定义属性','属性的值');

<body>
	<div id="demo" data-index="1"></div>
</body>

<script>
	var div = document.querySelector('div');
	console.log(div.id);
	//获取自定义属性的值
	console.log(div.getAttribute('id'));
	console.log(div.getAttribute('data-index'));
	div.id = 'test';
	console.log(div.getAttribute('id'));
	div.setAttribute('id','how');
	console.log(div.getAttribute('id'));
	div.setAttribute('data-index','9');
	console.log(div.getAttribute('data-index'));
</script>

H5新增的获取自定义属性值的方法：

element.dataset.自定义属性或者 element.dataset['自定义属性']