访问HTML文件中包含的SVG文件

我在我的HTML文档中包含了一个带有<embed src="mySvg.svg" />的SVG文件，现在我想操纵SVG中的内容。访问HTML文件中包含的SVG文件

我发现SVG不在“文档”中，而是在“窗口”中。

在我的SVG文件，我有一个脚本：
（在推出的onload初始化函数）
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 }

但我怎么能选择我的SVG文件与位于我的HTML文件的脚本元素？
window.document是我的HTML文件...但我不知道我的SVG文件是如何识别的！

来源

2011-12-31 Mar Cnu

可能重复的[如何访问HTML中“嵌入”标记的内容]（http://stackoverflow.com/questions/8496241/how-to-access-the-content-of-the -embed-tag-in-html） – 2012-01-01 12:38:51

在embed上设置ID，然后使用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>

来源

2011-12-31 18:28:50 benesch

我试过了，出现错误：svg未定义...所以myScv没有“contentDocument”子项。 – 2011-12-31 18:43:29

哎呀，对不起。编辑。改为尝试。 – benesch 2011-12-31 18:53:57

Yeh！这样可行！在我的SVG文件中，我尝试了alert（svgDocument），并得到了[Object SVGDocument]，但我不知道有一个getSVGDocument函数。 – 2011-12-31 19:02:33

访问HTML文件中包含的SVG文件

回答

相关问题