JSFiddle - React, Tailwind, and code Playground

by katakuri

HTML

<body>
    <div id="main"></div>    
 </body>

JavaScript

window.addEvent( 'domready', function(){

        var svgDiv = new Element('div',{
          'id' : 'svgDiv'
        }).inject( $('main') ,'bottom');

        var svgDoc = new Element('object',{
           'id' : 'svgObjTag',
           'data' : 'https://upload.wikimedia.org/wikipedia/commons/0/02/SVG_logo.svg',
           'type' : 'image/svg+xml',
           'width' : '100px',
           'height' : '100px'
        }).inject( $(svgDiv) ,'bottom');

        // Wait until SVG loads
        svgDoc.addEventListener("load",function() {

           console.log(this.contentDocument); // This is null

           var svgObj = document.getElementById("svgObjTag");
           console.log(svgObj.contentDocument);  // This is also null

        }, false);
  });