使用javascript将innerHTML转换为自定义json

// 获取包含innerHTML的HTML元素
var element = document.getElementById("myElement");

// 创建一个新的DOM元素，并将innerHTML赋值给该元素的innerHTML属性
var tempElement = document.createElement("div");
tempElement.innerHTML = element.innerHTML;

// 遍历DOM对象，提取所需的数据并构建自定义的JSON对象
var customJSON = {
  tag: tempElement.tagName,
  attributes: {},
  content: []
};

// 提取元素的属性
var attributes = tempElement.attributes;
for (var i = 0; i < attributes.length; i++) {
  var attr = attributes[i];
  customJSON.attributes[attr.name] = attr.value;
}

// 提取元素的子元素和文本内容
var childNodes = tempElement.childNodes;
for (var i = 0; i < childNodes.length; i++) {
  var node = childNodes[i];
  if (node.nodeType === Node.ELEMENT_NODE) {
    // 处理子元素
    var childElement = {
      tag: node.tagName,
      attributes: {},
      content: []
    };

    var childAttributes = node.attributes;
    for (var j = 0; j < childAttributes.length; j++) {
      var childAttr = childAttributes[j];
      childElement.attributes[childAttr.name] = childAttr.value;
    }

    customJSON.content.push(childElement);
  } else if (node.nodeType === Node.TEXT_NODE) {
    // 处理文本内容
    var textContent = node.textContent.trim();
    if (textContent !== "") {
      customJSON.content.push(textContent);
    }
  }
}

// 将自定义JSON对象转换为字符串
var jsonString = JSON.stringify(customJSON);
console.log(jsonString);