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 元素的屬性值,以實現元素屬性的動態更改和自定義屬性的添加。