JavaScriptこんにちは。たいら(@tairaengineer2)です。今回の記事はJavaScriptの解説記事です。タイトル通り、getElementByIdメソッドでulタグを取得し、createElementメソッドでliタグを追加するプログラムです。作成したのは、HTMLとJavaScript1ファイルずつ作成しました。HTMLにはulタグだけ設定しておき、JavaScriptで中身のliタグを作成して表示します。フォルダ構成フォルダ構成は↓のようにしています。ul要素に追加li.appendChild(text);ul.appendChild(li);}実行結果もともと書いてあったliタグを上書きせず、追加されていますね!解説では解説していきます。ここでポイントなのはul要素に追加JavaScriptを読み込む位置の2つです。document.getElementById('country_list');で取得しています。MDNから引用させて頂きましたなので、設定したいul要素のidであるcountry_listを設定してあげると、要素を取得できます。