1

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);

結果のhtmlコードがどうなるかを抽出するjavascriptコマンドはありますか?

すなわち

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

この部分を文字列変数として保存したいと思います。

ありがとう、ウェンディ

4

2 に答える 2

2

ええ...あなたのsvgタグをdivに入れて、そのdivのHtmlを取得してください。

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

そして、HTMLとしてのsvg全体に対して、これを行うことができます：

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

文字列の場合:

var svgHtml = document.getElementById('container').innerText;
于 2013-01-25T00:34:25.257 に答える
1

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)

フィドル

于 2013-01-25T00:39:47.817 に答える