test.php 是用PHP生成的SVG对象。
test.php
<object data="test.php" type="image/svg+xml" id="SVG" /> <script> var mySVG = document.getElementById("SVG"); var svgDoc = mySVG.contentDocument;
svgDoc一片空白。(因此,我无法通过JS访问svg的元素。)它应该可以工作,看看这个问题。我究竟做错了什么?如何获得contentDocumentSVG?
svgDoc
contentDocument
您需要等待SVG加载完毕,然后才能访问contentDocument:
var mySVG = document.getElementById("SVG"); var svgDoc; mySVG.addEventListener("load",function() { svgDoc = mySVG.contentDocument; alert("SVG contentDocument Loaded!"); }, false);