正则表达式：将HTML转换为JSON格式

Question

如何创建以下对象：

{
   element: "div",
   class: ["OneClass", "TwoClass"],
   text: "This is some text"
}

来自以下HTML：

<div class="OneClass TwoClass">This is some text</div>

Answer 1

您可以尝试以下方式：

＆＃13;

＆＃13;

var el = document.querySelector('div');
var obj = {};
var clsList = el.classList.value.split(' ')
obj.element = el.tagName.toLowerCase();
obj.class = clsList;
obj.text = el.textContent
console.log(obj);

＆＃13;

<div class="OneClass TwoClass">This is some text</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

使用jQuery：

var html = '<div class="OneClass TwoClass">This is some text</div>';
var el = $(html);
var obj = {
  class: el.attr("class").split(/ /),
  text: el.text(),
  element: el.prop("tagName")
};
console.log(JSON.stringify(obj));

输出：

{"class":["OneClass","TwoClass"],"text":"This is some text","element":"DIV"}