dataset 和 data-* 屬性

- LS

應用和存取元素自訂資料的方法。

Chrome

  1. 4 - 6: 部分支援
  2. 7 - 44: 已支援
  3. 45 - 54: 已支援
  4. 55 - 123: 已支援
  5. 124: 已支援
  6. 125 - 127: 已支援

Edge

  1. 12 - 16: 已支援
  2. 17 - 123: 已支援
  3. 124: 已支援

Safari

  1. 3.1 - 5: 部分支援
  2. 5.1 - 17.3: 已支援
  3. 17.4: 已支援
  4. 17.5 - TP: 已支援

Firefox

  1. 2 - 5: 部分支援
  2. 6 - 50: 已支援
  3. 51 - 124: 已支援
  4. 125: 已支援
  5. 126 - 128: 已支援

Opera

  1. 9 - 11: 部分支援
  2. 11.1 - 12.1: 已支援
  3. 15 - 31: 已支援
  4. 32 - 41: 已支援
  5. 42 - 108: 已支援
  6. 109: 已支援

IE

  1. 5.5 - 10: 部分支援
  2. 11: 已支援

Chrome for Android

  1. 124: 已支援

Safari on iOS

  1. 3.2 - 4.3: 部分支援
  2. 5 - 17.3: 已支援
  3. 17.4: 已支援
  4. 17.5: 已支援

Samsung Internet

  1. 4 - 23: 支援
  2. 24: 支援

Opera Mini

  1. all: 部分支援

Opera Mobile

  1. 10 - 11: 部分支援
  2. 11.1 - 12.1: 已支援
  3. 80: 支援

UC Browser for Android

  1. 15.5: 支援

Android Browser

  1. 2.1 - 2.3: 部分支援
  2. 3 - 4.4.4: 支援
  3. 124: 已支援

Firefox for Android

  1. 125: 已支援

QQ Browser

  1. 14.9: 支援

Baidu Browser

  1. 13.52: 支援

KaiOS Browser

  1. 2.5: 支援
  2. 3: 支援

部分支援是指可以使用 data-* 屬性,並使用 getAttribute 存取它們。

「支援」是指使用 dataset 屬性存取值。目前的規格僅指支援 HTML 元素,只有部分瀏覽器也支援 SVG/MathML 元素。

資源
MDN 網路文件 - dataset
MDN 指南 - 使用 data-* 屬性
使用 dataset 的示範
HTML5 Doctor 文章
has.js 測試
WebPlatform 文件