javascript - 如何在 innerHTML 中将对象作为字符串获取？

Question

所以我的目标是我的 svg 及其周围的 div:

const svg = e.target.parentElement;

然后我在以下上下文中有 ${svg}:

result.innerHTML = <h1 class="text-win">You won</h1> <div class="result"> ${svg} </div>

但我总是将 ${svg} 作为 [object HTMLDivElement]。如何让 svg 显示为字符串而不是对象？

Answer 1

parentElement是一个HTML DOM 元素对象。

当您使用 ${svg} 注入(inject)它时，您实际上调用了它的 toString() 方法，该方法返回字符串 [object HTMLDivElement].

按照建议，如果您要使用 outerHTML svg 的属性，您将得到您期望的结果:

Reading the value of outerHTML returns a DOMString containing an HTML serialization of the element and its descendants