HTML5から「async属性」と「defer属性」が追加されました。その後の動作に違いがあります。ここでは、async属性とdefer属性の違いについて説明します。それぞれの属性の特徴をみてみます。まとめasync属性の特徴asyncという単語は「非同期、非同期の」という意味です。asyncの特徴は次の通りです。非同期で読み込まれる読み込み完了後にJSファイル内容が実行される実行順序が保証されていないdefer属性の特徴deferという単語は「遅らせる、延期する」という意味です。deferの特徴は次の通りです。実行タイミングと、実行順序に違いがあります。実行タイミングの違いasyncの場合は、JSファイルの読み込み完了後に実行されます。HTML解析後に実行されます。asyac指定をすると、正常に実行されない可能性があります。async></script>一方、defer属性は、記述した順序でJSファイルが実行されます。asyncではなくdeferを指定するといいでしょう。defer></script>まとめ・どちらも非同期で読み込まれます。・asyncは読み込み完了後に実行されるが、実行順序の保証はありません。・deferはHTML解析後に実行され、実行順序が保証されます。・依存関係のある複数ファイルを読み込む場合は、deferを使った方がいいでしょう。クラス名などの識別子に、ハイフン(-)を使うことができません。演算子のマイナス(-)と認識されてしまうため、使えません。ハイフンの代わりとして使えるのがアンダースコア(_)です。getElementById()の使い方JavaScriptで「id値」から要素を取得する場合は、getElementById()メソッドを使います。getElementById()は他のメソッドと比べて、最もシンプルかつ高速な手法です。演算子で実現できます。ここでは、両方のケースのサンプルコードを紹介します。