在 JavaScript 中,setAttribute 方法通常用于設置元素的標準屬性,例如 class、id、href 等。對于自定義數據,推薦使用 dataset 屬性來處理。dataset 屬性允許您為元素添加自定義的數據屬性,并可以通過 JavaScript 訪問和修改這些屬性。
例如,您可以使用 dataset 屬性為元素添加一個自定義的數據屬性,然后通過 JavaScript 獲取和修改該屬性的值:
<div id="myElement" data-custom-data="123"></div>
// 獲取自定義數據屬性的值
var customDataValue = document.getElementById("myElement").dataset.customData;
// 修改自定義數據屬性的值
document.getElementById("myElement").dataset.customData = "456";
使用 dataset 屬性處理自定義數據是更好的選擇,因為它可以直接與 HTML5 中的 data-* 屬性結合使用,并且在 JavaScript 中更容易地訪問和修改自定義數據。setAttribute 方法雖然可以設置自定義的 data-* 屬性,但并不方便直接訪問和修改這些屬性的值。