title: How to render HTML Text To Be Placed Inside third party webpage`s div without iframe?
body: <p>I want to generate html as well as SVG code based on my Subsciber`s any of the position of on web page (or you can say any of the div).</p>
  
  <p>I want to give some javascript code to be put in side of that page`s div so at that div whole my code place.</p>
  
  <p>I don't want to use iframe because height and width is not defined its automated.</p>
  
  <p>here what i have tried and i am still trying.</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;TODO supply a title&lt;/title&gt;
          &lt;meta charset="UTF-8"&gt;
          &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div&gt;TODO write content&lt;/div&gt;        
          &lt;div&gt;
  
              &lt;script&gt;
  
                  (function(){
                      var xhr=new XMLHttpRequest();
  
                      xhr.open("get","request Url of my side",true);
                      xhr.send();
  
                      xhr.onreadystatechange = function(){ 
                          if(xhr.readyState==4 &amp;&amp; xhr.status==200){
                              document.write(xhr.responseText);
                          }
                      };
                  }());
  
              &lt;/script&gt;
  
          &lt;/div&gt;   
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>But what happening here is before response came whole page was loaded and <code>document.write()</code> erase existing content and place my <code>responseText</code> .</p>
  
  <p>Any Help will be appreciated. </p>