如何从html5标记字符串中提取属性

Question

我有一个字符串：

<input type="text" data-id="1" />

我希望允许用户从这个html5输入标签字符串中提取属性。

像这个

from('<input type="text" data-id="1" />').extract("type")

我试过这个：

function from(str) {
return {
extract: function (attr) {
return str.split(attr)
}
}
}

但这并不奏效。

我怎样才能做到这一点？

只使用javascript。

Answer 1

这应该会让你开始：

let x = (new DOMParser()).parseFromString('<input type="text" data-id="1" />', "text/xml");
x.firstChild.getAttribute("type"); // text