javascript - JS を介して埋め込まれた SVG ドキュメントのテキストを取得するにはどうすればよいですか?

Question

これは本当に簡単だと思いました...私が欲しいのは と同等ですinnerHTMLが、SVGの場合. (jQuery は でチョークし$("svg").html()ます。)

Answer 1

私が最終的に使用したソリューション：

var svg = $("svg:first").clone();
svg = $('<div />').append(svg);
svg = svg.html();

Answer 2

SVG ファイルは XML にすぎないことを思い出すようです。その場合、次のようなものが機能する可能性があります。

$.ajax({
    type: "GET",
    url: "your/svg/file.svg",
    dataType: "xml",
    success: function(svg) {
        var mySvgText = $(this).find("svg").text();
        // do something with svg text
    }
});​

これは暗闇の中でのショットなので、間違っている場合は誰かが私を修正してください.

Answer 3

innerSVG shim を使用してこの機能を取得できます。XMLSerializer と DOMParser で実装されています。現在のすべての svg 対応ブラウザで正常に動作します。