如何在javascript中将[object HtmlLevel]字符串化为html字符串

如何在javascript中将[object HtmlLevel]字符串化为html字符串,javascript,html,Javascript,Html,我编写了以下代码,从html字符串中查找并获取id为vcr\u数据的div元素。当我尝试将div附加到html标记时,它将按如下方式打印,而不是字符串化的div: ... <body>[object HTMLDivElement]</body></html> 。。。[对象HtmlLevel] 代码段: let doc = new DOMParser().parseFromString(html, 'text/html'); console.log('div

我编写了以下代码,从
html字符串
中查找并获取id为
vcr\u数据的
div
元素。当我尝试将
div
附加到
html
标记时,它将按如下方式打印,而不是字符串化的
div

... <body>[object HTMLDivElement]</body></html>
。。。[对象HtmlLevel]
代码段:

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);
let doc=new DOMParser().parseFromString(html,'text/html');
console.log('div element',doc.getElementById('vcr_data');
常数响应=`
${doc.getElementById('vcr_数据')}
`;
log('html:',响应);

使用
.outerHTML
获取DIV的HTML

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