javascript - 遍历元素的数据属性

Question

每，

How to iterate through all attributes in an HTML element?

你得到了一般的解决方案:

for (var i = 0; i < elem.attributes.length; i++) {
  var attrib = elem.attributes[i];
  if (attrib.specified) {
    alert(attrib.name + " = " + attrib.value);
  }
}

我如何使这个通用解决方案更具体以仅提醒 data- 属性的值。

我需要正则表达式 attrib.name 还是有更简单的方法？这是一些带有 2 个数据属性的示例 HTML:

<div id='universals' data-path='/zz/' data-load='1'></div>

Answer 1

dataset如果您不需要 version 11

以下的 IE，支持非常好

数据集属性上的简单“for-in”迭代:

var dataset = document.querySelector('div').dataset;

for( var d in dataset)
   console.log(d, dataset[d])

<div data-foo='1' data-bar='2'></div>