Javascript获取数据类型标记值

rya*_*dlf 3 html javascript types prototype custom-data-attribute

我希望能够data-type使用纯javascript 检索,这是一个新的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.
}
Run Code Online (Sandbox Code Playgroud)

有没有一些原型的方法,childNodes以便使用该标签检索的任何元素将dataType附加一个函数,以便上述代码实际上可以工作?

我想我将不得不使用children[i].outerHTML获取元素的原始HTML,然后使用正则表达式来实际放置元素的值.

Jos*_*eph 6

如果你的意思是从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');
}
Run Code Online (Sandbox Code Playgroud)