javascript - 从 HTMLDivElement 创建字符串

Question

我希望能够从 Javascript HTMLElement 对象创建一个字符串。例如:

var day = document.createElement("div");
day.className = "day";
day.textContent = "Random Text";

现在我们已经创建了 day HTMLDivElement 对象，是否可以将其打印为字符串？例如

<div class="day">Random Text</div>

Answer 1

Gump 包装器的变体，因为他的实现将目标节点从文档中提取出来。

function nodeToString ( node ) {
   var tmpNode = document.createElement( "div" );
   tmpNode.appendChild( node.cloneNode( true ) );
   var str = tmpNode.innerHTML;
   tmpNode = node = null; // prevent memory leaks in IE
   return str;
}

在屏幕上打印结果字符串(重新:转义)

var escapedStr = nodeToString( node ).replace( "<" , "&lt;" ).replace( ">" , "&gt;");
outputNode.innerHTML += escapedStr;

请注意，“class”、“id”等属性被正确地字符串化是有问题的。