你如何渲染一个JavaScript对象？

Question

我有以下javascript代码，但是当我尝试在第3行使用它时，我在HTML输出中得到[object HTMLHeadingElement]。如何获取x的整个HTML并将其添加到y.innerHTML？

x = document.getElementById("region-footer-first").getElementsByClassName("block-title")[0];
y = document.getElementById("region-footer-first").getElementsByClassName("jcarousel-clip")[0];

y.innerHTML = x + y.innerHTML;

Answer 1

如果您想要x的全部内容（包括其标记），请使用.outerHTML，就像这样

x = document.getElementById("region-footer-first").getElementsByClassName("block-title")[0];

y = document.getElementById("region-footer-first").getElementsByClassName("jcarousel-clip")[0];

y.innerHTML = x.outerHTML + y.innerHTML;