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

投稿者: | 2017年6月1日

<ul id=”parentUl”><li>検証データ</li></ul>

function addElementLi(obj) {
var ul = document.getElementById(obj);

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

//liのattributeを設定
li.setAttribute(“id”, “newli”);

li.innerHTML = “li要素を追加”;
ul.appendChild(li);
}
呼び出す方法
addElementLi(“parentUl”);