正则表达式：将 HTML 转换为 JSON 格式 [关闭]答案

【问题标题】：Regex: Convert HTML into JSON format [closed]正则表达式：将 HTML 转换为 JSON 格式 [关闭]
【发布时间】：2018-10-08 05:13:50
【问题描述】：

如何创建以下对象：

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

来自以下 HTML：

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

【问题讨论】：

对于初学者，自己努力，然后再回来，如果你不能让它工作......我们不是在这里为你写的

标签： javascript html json regex

【解决方案1】：

您可以尝试以下方法：

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);

&lt;div class="OneClass TwoClass"&gt;This is some text&lt;/div&gt;

【讨论】：

【解决方案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"}

【讨论】：