Javascript 获取数据类型标签值

Question

我希望能够使用纯 javascript 检索 data-type，这是一个新的 HTML5 标签名称(或与此相关的任何自定义标签名称)。我需要访问此数据的上下文来自元素 childNodes 的循环。

var children = document.getElementById('foo').childNodes;
for(var i=0; i<children.length; i++) {
    var dataType = children[i].dataType //This does not work.
}

是否有某种方法可以对 childNodes 进行原型(prototype)设计，以便使用该标记检索到的任何元素都将附加一个 dataType 函数，以便上面的代码实际上可以工作？

我想我必须使用 children[i].outerHTML 来获取元素的原始 HTML，然后使用正则表达式来实际放置元素中的值。

Answer 1

如果你的意思是从data-*属性获取数据

var children = document.getElementById('foo').childNodes;
var childrenLength = children.length;

for(var i=0; i<childrenLength; i++) {
    var dataType = children[i].getAttribute('data-type');
}