udemyのJS講座で
.img_unitを以下を写真のように
createelementやappendchildで
jsで書くというのがあり
動画の通りやったんですが反映されません。
対処法があれば教えて頂きたいです。
html
1 <div class="container"> 2 <div class="img_unit"> 3 4 </div> 5 6 </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" }, ];
javascript
1var img; 2var caption;//変数用意 3var div; 4 5img = document.createElement('img'); 6//imgを作る 7img.setAttribute('src',images[0].path); 8//"path" :"images/mypic.jpg" 9document.getElementById('img_unit').appendChild(img); 10//img_unitにimgの子要素を差す 11 12caption = document.createElement('div'); 13 14caption.className = 'inner'; 15//innerのクラスネームを作りました。 16caption.innerHTML = '<p>' + images[0].caption + '<span>' + images[0].name + '</span></p>'; 17//<div><p>caption<span>name</span></p></div> 18 19div = document.createElement('div'); 20//divをもう一つ作る 21div.className = 'photo'; 22//クラス名をつける 23div.appendChild(img); 24div.appendChild(caption); 25 26document.getElementById('img_unit').appendChild(div);
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。