【JavaScript】CSSを読み込み後処理を実行したい場合

Question

前提・実現したいこと

cssファイルが確実に読み込まれてから処理を行いたい場合、下記のコードで問題ないでしょうか。
動きは確認できているのですが、もっと良い方法があれば教えて頂ければ幸いです。

該当のソースコード

readCss = function() {
　let link = document.createElement('link');
  link.setAttribute('rel', 'stylesheet');
  link.setAttribute('type', 'text/css');
  link.setAttribute('href', パス);
  document.getElementsByTagName('head')[0].appendChild(link);
  return link;
};
readCss().onload = function() { //css読み込み後
　//実行したい内容
}

Answer 1

windowのload時にする方が一般的では？

window.addEventListener('DOMContentLoaded', function(){
　var link = document.createElement('link');
  link.setAttribute('rel', 'stylesheet');
  link.setAttribute('type', 'text/css');
  link.setAttribute('href', パス);
  document.getElementsByTagName('head')[0].appendChild(link);
  //css読み込み後実行したい内容
});

Comments

[OOO_777]

ご回答ありがとうございます。
例えばですがwindowのload時以外でしたら、特に下記でも問題ないでしょうか。
readCss().onload = function() { //css読み込み後
　//実行したい内容
}