JavaScript中的setAttribute()方法用于設置指定元素的屬性值。
語法:
element.setAttribute(attributeName, attributeValue)
參數說明:
attributeName:要設置的屬性名稱,必選。
attributeValue:要設置的屬性值,必選。
注意事項:
如果指定的屬性不存在,則setAttribute()方法將創建該屬性并設置屬性值。
如果指定的屬性已經存在,則setAttribute()方法將覆蓋原有的屬性值。
如果屬性名稱或屬性值為空字符串,setAttribute()方法將拋出錯誤。
如果屬性名稱包含非法字符或屬性值包含特殊字符,setAttribute()方法將自動進行轉義處理。
示例:
var element = document.getElementById("myElement");
element.setAttribute("class", "highlight");
// 設置data屬性
element.setAttribute("data-id", 123);
// 設置自定義屬性
element.setAttribute("myAttr", "myValue");
在上述示例中,首先通過getElementById()方法獲取了id為"myElement"的元素,然后使用setAttribute()方法為該元素設置了class屬性的值為"highlight"。接下來,又使用setAttribute()方法為該元素設置了data-id屬性和myAttr屬性,并分別設置了對應的屬性值。