Javascript経由でSVG要素にアクセス

Question

これは、前に質問された質問のフォローアップです：How to access SVG elements with Javascript しかし、解決策は私にとってはうまくいかないようです。私は最新バージョンのChromeについてテストしています。私は米国の地図をSVGファイルとして持っています。これは私のマシンにダウンロードして、XMLコードを少し変更しました。

私はオブジェクトタグを使用して埋め込まれたsvgを持っていて、 "USAsvg"というIDを割り当てており、まずベビーステップを進めています。ボタンonclickイベントの場合、私は成功せずに次のコードを実行しています。ここで 'CA'は、svgファイル内でpathタグ​​を使用して宣言された状態です。

var a = document.getElementById('USAsvg'); 
var svgDoc = a.contentDocument; 
var delta = svgDoc.getElementById('CA'); 

alert(delta.value); 

Answer 1

これは（そして、テキストを使用し、それは通常のHTMLノードであるかのように、jQueryので のhtml（）関数は動作しません、それを操作し、直接あなたのDOMに最新のクロム、 負荷でSVGの作品）代わりに。

$('.your_div_for_svg').load('svg/file.svg', function(){ 
     $('#some_textnode_w_id_within_svg').text('Hello word'); 
});