HTML DOM Element 的 setAttribute() 方法用于设置指定元素的属性值。它接受两个参数,第一个参数是要设置的属性名称,第二个参数是要设置的属性值。
使用 setAttribute() 方法可以动态地修改元素的属性,无论是内置属性(如 id、class、style)还是自定义属性。这对于在 JavaScript 中操作和修改 HTML 元素的属性非常有用。
例如,可以使用 setAttribute() 方法来更改元素的 class 属性值,从而改变元素的样式或应用不同的 CSS 类。也可以使用 setAttribute() 方法来设置自定义属性,以存储和检索与特定元素相关的数据。
下面是一个使用 setAttribute() 方法的示例:
HTML 代码:
<div id="myDiv">Hello World!</div>
JavaScript 代码:
var divElement = document.getElementById("myDiv");
divElement.setAttribute("class", "red");
上述代码将会将 <div>
元素的 class 属性值设置为 “red”,从而应用名为 “red” 的 CSS 类,改变元素的样式。
总而言之,HTML DOM Element 的 setAttribute() 方法可用于动态地修改 HTML 元素的属性值,以实现元素属性的动态更改和自定义属性的添加。