如何获取HTML元素的字符串表示形式

Question

有没有办法在没有内容的情况下轻松获得节点的字符串表示？我的意思是 - element.outerHTML返回元素及其内容的字符串表示。我想要element.outerHTML而不是element.innerHTML。

我想使用console.group和console.groupEnd

为没有支持的控制台回退dirxml

Answer 1

element.cloneNode(false).outerHTML

.cloneNode(false)创建具有相同属性的重复节点，但不创建子节点，.outerHTML返回与原始节点匹配的序列化，不包括节点的内容。

Answer 2

你能从outerHTML获取输出然后将innerHTML替换为空白吗？它可能是一个庞大的代码，但我认为这应该有用。