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

我正在使用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>"

然后，我想将此部分另存为字符串变量。

谢谢，温迪

最佳答案

是的...将您的svg标签放入div，然后获取该div的HTML。

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

对于整个svg作为html，您可以执行以下操作：

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

对于字符串：

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

关于javascript - 如何提取由javascript生成的DOM对象的html代码？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14513282/