dataset用法详解？

dataset用法详解？

dataset的设置有两种方法，一种是通过setAttribute()方法设置，另一种是通过dataset的API设置，具体实现如下：

设置上面img标签的data-src属性

setAttribute()方法：

let img = document.querySelector('img');

img.setAttribute('data-src', 'img2.jpg');

1

2

1

2

1

2

1

2

dataset的API方法：

let img = document.querySelector('img');

img.dataset.src = 'img2.jpg';

1

2

1

2

1

2

1

2

2、dataset的获取

dataset的获取也是有两种方法，一种是通过getAttribute()方法获取，另一种是通过dataset的API获取，具体实现如下：

获取上面img标签的data-src属性

getAttribute()方法：

let img = document.querySelector('img');

let dataSrc = img.getAttribute('data-src');

1

2

1

2

1

2

1

2

dataset的API方法：

let img = document.querySelector('img');

let dataSrc = img.dataset.src