title: Capturing load event on LINK
body: <p>I'm trying to attach an event handler to the load event of a link tag, to execute some code after a stylesheet has loaded.</p>
  <pre><code>new_element = document.createElement('link');
  new_element.type = 'text/css';
  new_element.rel = 'stylesheet';
  new_element.href = 'http://domain.tld/file.css';
  new_element.addEventListener('load', function() { alert('foo'); }, false);
  document.getElementsByTagName('head')[0].appendChild(new_element)
  </code></pre>
  <p>I have tried <code>onreadystatechange</code> as well:</p>
  <pre><code>new_element.onreadystatechange = function() { alert('foo'); }
  </code></pre>
  <p>Unfortunately neither approach results in an alert being triggered.
  Furthermore, <code>new_element.onload</code> is null after registering a handler for the <code>load</code> event with <code>addEventListener</code>. Is that normal?</p>
  <p>PS: I may not use any framework in solving this.</p>