如何在 JavaScript 中将 [object HTMLDivElement] 转换为 HTML 字符串

Question

如何在 JavaScript 中将 [object HTMLDivElement] 转换为 HTML 字符串

7

我编写了以下代码来查找并获取带有id vcr_data 的 div元素从html字符串中。当我尝试将该div附加到html标记时，它会被打印为以下内容，而不是字符串化的div：

... <body>[object HTMLDivElement]</body></html>

代码片段：

let doc = new DOMParser().parseFromString(html, 'text/html');
console.log('div element ', doc.getElementById('vcr_data'));

const response = `<!DOCTYPE html>
  <html>
    <head>
      <style id="jss-server-side"></style>
    </head>
    <body>${doc.getElementById('vcr_data')}</body>
  </html>`;

console.log('html: ', response);

- Prem

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Barmar · Accepted Answer

使用.outerHTML来获取DIV的HTML。

<body>${doc.getElementById('vcr_data').outerHTML}</body>