dom_dom0700_007

スタイルシートを動的に読み込むには link.rel = “( A )” とし、link.( B ) = “style.css” のように URL を指定して挿入する。

解答

A: stylesheet
B: href

解説

<link rel=”stylesheet” href=”…”> と同じ指定を動的に作って <head> に追加すると、CSS を遅延ロードできます。

使用例(サンプルコード)

[ html ]

<script>
  const link = document.createElement('link');
  link.rel = 'stylesheet';
  link.href = '/styles/late.css';
  document.head.appendChild(link);
</script>