Javascript dataset for IE10

933 Views Asked by Nicolas T At 31 January 2019 at 17:45

I don't want to be replacing all the line of code in my script where I use the property "dataset" so that it works on IE10.

I haven't found a good polyfill that actually works so I can use the following line of code:

element.dataset.loaded = "yes"

Since most of my traffic to my website uses modern browsers, I just want to implement a workaround for IE10. Any ideas or tips?

Original Q&A

There are 2 best solutions below

Gláucio Leonardo Sant'ana On 09 June 2020 at 12:52 BEST ANSWER

What really worked for me is the poliyfill html-dataset available on github. In case you are not using any framework (pure Javascript, html and css), just import via link in your html as following:

<!doctype html>
<html lang="en">
<head>
  ...
  <script src="https://github.com/adamancini/html5-dataset/blob/master/html5-dataset.js"></script>
  ...
</head>
<body>
  ...
</body>
</html>

In case you're using Angular or other framework, import it via polyfill,js (angular) or webpack. I tested on IE10 and worked perfectly.

In angular 9 I just download the file and include it in the project directory and just imported it.

import 'src/assets/polyfills/html5-dataset.js';

After serve / build the project it worked too.

Beamer On 06 May 2021 at 16:26

element.setAttribute("data-loaded", "yes")

Javascript dataset for IE10

There are 2 best solutions below

Related Questions in JAVASCRIPT

Related Questions in INTERNET-EXPLORER

Related Questions in CROSS-BROWSER

Related Questions in DATASET

Related Questions in INTERNET-EXPLORER-10

Trending Questions

Popular # Hahtags

Popular Questions