您的位置:首页> 实例代码> JS实例

dataset、setAttribute()和getAttribute() 区别

2019-7-16 21:56| 作者: antzone| 查看: 4466| 评论: 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 人)

最新评论

返回顶部