JavaScriptでheadタグ内に要素を動的に追加するのに便利なdocument.headプロパティの使い方

<head>要素を取得するdocument.headプロパティ

JavaScriptで<head>要素を取得するには、専用に用意されているdocument.headプロパティを利用します。

プロパティ

プロパティ意味返り値
document.headhead要素を取得head要素
document.head

サンプルコード

サンプルコードとして、<head>タグ内にscriptタグ動的に挿入するスクリプトを紹介します。

JavaScript
const scriptElement = document.createElement('script');
scriptElement.src = 'https://idea-hack.com/wp-includes/js/masonry.min.js';
document.head.appendChild(scriptElement);

実際に<head>要素に<script>要素が追加されているかについては、開発者ツールでご確認ください。

インストラクター
コメント

コメントを残す