javascript - 如何提取由 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 代码？

IE

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

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

谢谢，温迪

Answer 1

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

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

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

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)

小提琴