获取 HTML 字符串中的 HTML 子元素

Question

我从 AngularJS 中的 api 获取 JSON 响应。我有描述。描述包含字符串中的 HTML 标签。我想在这里分享响应项目。

{
  name:'Name of Item',
  Description:'<div>Details: Here is Details</div><div>Type: Here is Type</div>'
}

我只想将描述中的详细信息和类型分成两个不同的字符串。任何机构都可以提供帮助。我尝试搜索一些帮助，但没有得到任何 +ive 或匹配结果。

谢谢

Answer 1

通过将 HTML 字符串插入虚拟 HTMLElement 来解析该字符串。textContent然后您可以通过访问 的 来访问节点的文本childNodes。

var data = {
  name: 'Name of Item',
  Description: '<div>Details: Here is Details</div><div>Type: Here is Type</div>'
};

//Create a dummy element to hold the HTML
var el = document.createElement('div');
el.innerHTML = data.Description;

//Get child nodes; can use getElementById, querySelectorAll, etc.
var details = el.childNodes[0].textContent;
var type = el.childNodes[1].textContent;

console.log(details);
console.log(type);