dataset、setAttribute()和getAttribute() 區別

本章節涉及到的主要概念可以參閱以下幾個文章:

（1）.dataset可以參閱JavaScript dataset一章節。

（2）.setAttribute()可以參閱JavaScript setAttribute()一章節。

（3）.getAttribute()可以參閱JavaScript getAttribute()一章節。

dataset可以設定元素的自定義屬性，setAttribute()和getAttribute()同樣可以。

廣義來說，設定元素自定義屬性可以有兩種方式：

[HTML] 純文字檢視 複製程式碼
<div antozne="softwhy.com">螞蟻部落</div>

上面的程式碼自定義了一個antzone屬性，使用setAttribute()和getAttribute()可以操作。

[HTML] 純文字檢視 複製程式碼
<div data-antozne="softwhy.com">螞蟻部落</div>

上面也是一個自定義屬性，可以使用dataset、setAttribute()和getAttribute()操作。

兩者區別如下:

（1）.dataset專業操作data方式定義屬性，而setAttribute()和getAttribute()操作所有的屬性。

（2）.elem.dataset獲取的屬性是elem.attributes的子集。