dataset、setAttribute()和getAttribute() 區別

2019-7-16 21:56| 作者: antzone| 查看: 2229| 評論: 0|來自: 螞蟻部落

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

(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的子集。

1

鮮花

握手

雷人

路過

雞蛋

剛表態過的朋友 (1 人)

最新評論

返回頂部
大圣捕鱼2 内蒙古十一选五就是牛 胜平负比分直播 云南时时官方网 香港正牌挂牌开奖结果 体彩22选5开奖结果 昨天新快三开奖走势图 澳洲幸运10官方预测开奖结果 重庆时时官网app下载 快速时时 天津快乐十分前三组走势 幸运飞艇官网是假的吗 云南时时倍投 云南十一选五开奘结果23号 重庆时时人工计划网站 全民快乐8官网下载 大乐透走势图表带连线