JavaScript中setAttribute用法介紹

小云
132
2023-08-09 14:30:46

JavaScript中的setAttribute()方法用于設(shè)置指定元素的屬性值。

語(yǔ)法：

element.setAttribute(attributeName, attributeValue)

參數(shù)說明：

  • attributeName：要設(shè)置的屬性名稱，必選。

  • attributeValue：要設(shè)置的屬性值，必選。

注意事項(xiàng)：

  • 如果指定的屬性不存在，則setAttribute()方法將創(chuàng)建該屬性并設(shè)置屬性值。

  • 如果指定的屬性已經(jīng)存在，則setAttribute()方法將覆蓋原有的屬性值。

  • 如果屬性名稱或?qū)傩灾禐榭兆址?，setAttribute()方法將拋出錯(cuò)誤。

  • 如果屬性名稱包含非法字符或?qū)傩灾蛋厥庾址?，setAttribute()方法將自動(dòng)進(jìn)行轉(zhuǎn)義處理。

示例：

var element = document.getElementById("myElement");
element.setAttribute("class", "highlight");
// 設(shè)置data屬性
element.setAttribute("data-id", 123);
// 設(shè)置自定義屬性
element.setAttribute("myAttr", "myValue");

在上述示例中，首先通過getElementById()方法獲取了id為"myElement"的元素，然后使用setAttribute()方法為該元素設(shè)置了class屬性的值為"highlight"。接下來，又使用setAttribute()方法為該元素設(shè)置了data-id屬性和myAttr屬性，并分別設(shè)置了對(duì)應(yīng)的屬性值。

0 踩