如何提取javascript生成的DOM对象的html代码？

Question

我正在使用java脚本在html文档中生成一个svg对象。像这样：

mySvg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
myPath = document.createElementNS("http://www.w3.org/2000/svg", "path");
mySvg.appendChild(myPath);

是否有一个javascript命令来提取生成的HTML代码？

即。

"<svg>...<path>...</path>...</svg>"

我想将此部分保存为字符串变量。

谢谢，温迪

Answer 1

是啊...将你的svg标签放入div中，然后获取该div的Html。

<div id="container"></div>
$('#container').append('mySvg');

对于整个svg作为html，你可以这样做：

var svgHtml = $('#container').html();

对于字符串：

var svgHtml = document.getElementById('container').innerText;

Answer 2

您可以使用innerHTML获取元素的html文本

mySvg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
myPath = document.createElementNS("http://www.w3.org/2000/svg", "path");
mySvg.appendChild(myPath);

document.getElementById('x').appendChild(mySvg);

console.log(document.getElementById('x').innerHTML)

Fiddle