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

投稿者: | 2017年6月1日

JSコード
<div id=”ctnparent”></div>

function addElementDiv(obj) {
var parent = document.getElementById(obj);

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

//divのattributeを追加
div.setAttribute(“id”, “newDiv”);

div.innerHTML = “jsでdivを追加”;
parent.appendChild(div);
}

呼び出す方法
addElementDiv(“ctnparent”);