HTML | DOM createAttribute() 方法(1)

📌 相关文章

📜 HTML | DOM createAttribute() 方法(1)

📅 最后修改于: 2023-12-03 15:15:35.012000 🧑 作者: Mango

HTML | DOM createAttribute() 方法

简介

createAttribute() 方法用于在 HTML 元素中创建一个新的属性。

用 setAttribute() 方法来给元素设置属性值。

语法

document.createAttribute(attributeName)

参数说明：

attributeName：必需。规定属性的名称。

返回值

返回新的属性节点对象。

示例代码

下面的示例展示了如何使用 createAttribute() 方法创建一个新的属性：

<!DOCTYPE html>
<html>
<head>
	<title>createAttribute() 方法示例</title>
</head>
<body>

	<button id="myBtn">点击我</button>

	<script>
		var btn = document.getElementById("myBtn");
		var att = document.createAttribute("class");
		att.value = "btn-style";
		btn.setAttributeNode(att);
	</script>

</body>
</html>

运行以上代码，页面将创建一个按钮并动态给按钮添加了一个 class 属性。

总结

createAttribute() 方法是用来在 HTML 元素中创建新的属性节点对象。它返回一份新的 Attr 对象，并且此对象可以通过元素节点对象的 setAttributeNode() 方法，添加到元素节点的属性列表上面。