设置与获取自定义属性

原创于 2017-07-20 12:51:06 发布 · 224 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何使用JavaScript在HTML元素中设置和获取自定义属性。通过示例代码展示了setAttribute()方法用于设置属性，getAttribute()方法用于读取属性值。

设置自定义属性：

　　setAttribute("name", "value");

获取自定义属性：

　　getAttribute("name");

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>DEMO - Lik</title>
</head>
<body>
	<div></div>
</body>
<script>

	var oDiv = document.getElementsByTagName('div')[0];
	oDiv.setAttribute('lik', 'smart');

	console.log('自定义属性 “lik” 的值为：   ' + oDiv.getAttribute('lik'));

</script>
</html>

　　结果如下：