javascript - 获取 DOM 节点的字符串表示

Question

Javascript:我有一个节点(元素或文档)的 DOM 表示，我正在寻找它的字符串表示。例如，

var el = document.createElement("p");
el.appendChild(document.createTextNode("Test"));

应该产生:

get_string(el) == "<p>Test</p>";

我有一种强烈的感觉，我错过了一些非常简单的东西，但我就是找不到在 IE、FF、Safari 和 Opera 中工作的方法。因此，outerHTML 是不可取的。

Answer 1

你可以创建一个临时父节点，并获取它的innerHTML内容:

var el = document.createElement("p");
el.appendChild(document.createTextNode("Test"));

var tmp = document.createElement("div");
tmp.appendChild(el);
console.log(tmp.innerHTML); // <p>Test</p>

编辑:请参阅下面有关 outerHTML 的答案。 el.outerHTML 应该是所有需要的。