JavaScript accédant à DOM interne de SVG

test.php est un SVG objet qui est générée par PHP.

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

svgDoc est null. (et je ne peux donc pas avoir accès aux éléments de la svg via JS.) Il doit travailler, en regardant cette question. Ce que je fais mal? Comment puis-je obtenir le contentDocument de mon SVG?

source d'informationauteur SomeKittens | 2012-07-11

  1. 24

    Vous devez attendre jusqu'à ce que le SVG est chargé et que vous pouvez accéder à la contentDocument:

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