​x
 
<!DOCTYPE html>
<html>
<style>
.democlass {color: red;}
</style>
​
<body>
<h1>Document 对象</h1>
​
<h2>createAttribute() 和 setAttributeNode() 属性</h2>
​
<p>单击“添加”创建一个 class 属性并将其添加到第一个 h1 元素。</p>
​
<button onclick="myFunction()">添加</button>
​
<script>
function myFunction() {
// 创建 class 属性：
const att = document.createAttribute("class");
​
// 设置 class 属性的值：
att.value = "democlass";
​
// 在第一个 h1 中添加 class 属性：
document.getElementsByTagName("h1")[0].setAttributeNode(att);
}
</script>
​
</body>
</html>
​