Acces HTMLファイルに含まれるSVGファイル

Question

私のHTML文書にSVGファイルを含めました。<embed src="mySvg.svg" />となりました。私は自分のSVGの中身を操作したいと思っています。

SVGは「ドキュメント」ではなく「ウィンドウ」にあることがわかりました。私のSVGファイルで

、私はスクリプトを持っている：
（発射オンロードでのinit関数を）
function init(evt) {
svgDocument = evt.target.ownerDocument; svgDocument.getElementById('anIdOfMySvgFile'); // I successfully get the element of the SVG file
this.parent.document.getElementById('anIdOfMyHtmlFile'); // I successfully get the element of the HTML file
}

しかし、どのように私は私のHTMLファイルにあるスクリプトと私のSVGファイルから要素を選択することができます？
window.documentは私のHTMLファイルですが、SVGファイルがどのように識別されているのかわかりません！

Answer 1

IDをembedに設定し、document.getElementByIdを使用して取得します。 getSVGDocument()からSVGにアクセスしてください。

<embed src="mySvg.svg" id="mySvg" /> 

<script type="text/javascript"> 
     var mySvg = document.getElementById("mySvg"); 
     mySvg.addEventListener("load", function() { 
      var svg = mySvg.getSVGDocument(); 
      svg.getElementById("[insert svg element id here]"); 
     } 
</script> 

の