javascript - 如何使用 jQuery 或 JavaScript 从 html 页面获取 SVG 代码？

Question

我有一个简单的带有 svg 的 HTML 页面:

<div id="plan">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<g id="layer3">
   <rect width="105.71429" height="80" x="351.42856" y="152.36218" id="rect1" style="fill:#008000"></rect>
   <rect width="120" height="85.714287" x="500" y="389.50504" id="rect2" style="fill:#008000"></rect>
</g>
</svg>
</div>

如何获取字符串:

<rect width="105.71429" height="80" x="351.42856" y="152.36218" id="rect1" style="fill:#008000"></rect> 

来自这个 svg。我可以使用 jquery 和 jquery svg。我尝试:

    $(document).ready(function() {
    console.log($("#plan #rect1")[0]);
})

在控制台中我使用这个字符串，但我必须像这样在变量中获取字符串:

var str = $("#plan #rect1")[0];

变量 str 是 [object SVGRectElement] [在此处输入链接描述] 1

Answer 1

结合前面的答案(一开始我并不清楚)获取 SVG 字符串的方法如下:

var str = $('<div>').append($('#plan #rect1').clone()).html();