JSでcrateElementでhtml要素が入れられない

Question

udemyのJS講座で

.img_unitを以下を写真のように
createelementやappendchildで
jsで書くというのがあり

動画の通りやったんですが反映されません。
対処法があれば教えて頂きたいです。

 <div class="container">
    <div class="img_unit">
      
      </div>
     
      </div>

var images = [ //配列json(css内記述)
  //jsonデータ1件目
  {
    "path" :"img/img01.jpg", //キー　値
    "name" :"name01",
    "caption":"コメント1"

  },
   //jsonデータ2件目
   {
    "path" :"images/PC1.png", //キー　値
    "name" :"name02",
    "caption":"コメント2"

  },
];

var img;
var caption;//変数用意
var div;

img = document.createElement('img');
//imgを作る
img.setAttribute('src',images[0].path);
//"path" :"images/mypic.jpg"
document.getElementById('img_unit').appendChild(img);
//img_unitにimgの子要素を差す

caption = document.createElement('div');

caption.className = 'inner';
//innerのクラスネームを作りました。
caption.innerHTML = '<p>' + images[0].caption + '<span>' + images[0].name + '</span></p>';
//<div><p>caption<span>name</span></p></div>

div = document.createElement('div');
//divをもう一つ作る
div.className = 'photo';
//クラス名をつける
div.appendChild(img);
div.appendChild(caption);

document.getElementById('img_unit').appendChild(div);

Answer 1

id名でなくclass名になっています。

<div class="img_unit">

Answer 2

すみません。
ありがとうございました！