温馨提示×

HTML DOM Element setAttribute()方法有什么用

小亿
102
2023-10-10 17:44:54
栏目: 编程语言

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 元素的属性值,以实现元素属性的动态更改和自定义属性的添加。

0