「Javascript」li、img要素を動的に追加するサンプルコード

投稿者: | 2017年6月1日

サンプルコード:
<ul id=”parentUl”></ul>
function addElementImg(obj) {
var ul = document.getElementById(obj);

//liを追加
var li = document.createElement(“li”);

//imgを追加
var img = document.createElement(“img”);

//imgのattributeを設定
img.setAttribute(“id”, “newImg”);

//imgのurlを設定
img.src = “/images/kdf.jpg”;

li.appendChild(img);
ul.appendChild(li);
}

呼び出す方法
addElementImg(“parentUl”);