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 黑龙江11选5号码遗漏 辽宁35选7 出码公式规律 中国竞彩网首页 辽宁十一选五推荐号码 赌场 极速11选5 分包工程怎样赚钱 深圳风采开奖时间 亲朋棋牌官网充值首页 2017302期福彩开奖结果 总进球数必赚 宁夏11选5 快乐12开奖走势图浙江 同花顺模拟炒股软件 北京赛车pk10投注网站