title: How to load stylesheets after loading and displaying page without any style
body: <p>I was thinking instead of loading everything in parallel. I will allow to load and display the basic no-styled layout and then will load the css file after page has finished loading, but being a newbie in Javascript. I am not able to do this.</p>
  
  <p>Till now I have tryed:</p>
  
  <pre><code>&lt;head&gt;
     &lt;script type='text/javascript'&gt;
        function addstyle()
        {
          document.getElementBytype('text/css').href='style.css';
        }
     &lt;/script&gt;
     &lt;link rel="stylesheet" type="text/css" href=""&gt;
  &lt;/head&gt;
  &lt;body onload="addstyle()"&gt;
     &lt;h1&gt;Good Morning&lt;/h1&gt;
     &lt;p&gt;Hello whats up&lt;/p&gt;
     &lt;p&gt;Hope you will have a great day ahead&lt;/p&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Here as you can see, I am trying to load <code>style.css</code> after the page is displayed in the browser, but it is not working.</p>