小编典典

JavaScript访问SVG的内部DOM

javascript

test.php 是用PHP生成的SVG对象。

<object data="test.php" type="image/svg+xml" id="SVG" />
<script>
    var mySVG = document.getElementById("SVG");
    var svgDoc = mySVG.contentDocument;

svgDoc一片空白。(因此,我无法通过JS访问svg的元素。)它应该可以工作,看看这个问题。我究竟做错了什么?如何获得contentDocumentSVG?


阅读 331

收藏
2020-05-01

共1个答案

小编典典

您需要等待SVG加载完毕,然后才能访问contentDocument:

 var mySVG = document.getElementById("SVG");
 var svgDoc;
 mySVG.addEventListener("load",function() {
      svgDoc = mySVG.contentDocument;
      alert("SVG contentDocument Loaded!");
 }, false);
2020-05-01