如何提取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');

對於作為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)

小提琴