如何將元素的字符串表示形式解析為實際的html元素？

Question

例如，如果我有：

'<html><body><p>hello</p></body></html>'

如何將其解析為實際的html元素？

我已經嘗試過以下方法：

getNodeType(element) {
  const temp = document.createElement('div');
  temp.innerHTML = element;
  if (temp.firstChild) return temp.firstChild.nodeName;
  else return null;
}

效果很好，但是我無法解析<html> ， <body>和<title>標簽，因為它們無法包含在div中。 我也嘗試過DOMParser，但它會將所有內容包裝在html，head和body標簽中，因此我無法識別實際元素。

寧願不使用jQuery，但也不完全反對它。

非常感謝任何建議，非常感謝！

Answer 1

為此，應使用DOMParser：

parser = new DOMParser();
doc = parser.parseFromString('<html><body><p>hello</p></body></html>', 'text/html');
console.log(doc.getElementsByTagName('p')[0])
// will print: <p>hello</p>

此處提供更多信息： https : //developer.mozilla.org/en/docs/Web/API/DOMParser

Answer 2

不確定為什么DOMParser存在問題，它應該可以正常工作

 const parser = new DOMParser(); const doc = parser.parseFromString('<html><body><p>hello</p></body></html>', 'text/html') console.log(doc.firstChild.nodeName);

如何將元素的字符串表示形式解析為實際的html元素？

問題描述

2 個解決方案

解決方案1
2 2017-08-02 21:44:32

解決方案2
0 2017-08-02 21:45:26

如何將元素的字符串表示形式解析為實際的html元素？

問題描述

2 個解決方案

解決方案1 2 2017-08-02 21:44:32

解決方案2 0 2017-08-02 21:45:26

解決方案1
2 2017-08-02 21:44:32

解決方案2
0 2017-08-02 21:45:26