「Javascript」li、img要素を動的に追加するサンプルコード
サンプルコード:
<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");