DOM 을 사용한 Input 객체 추가

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

var count = 0;

function appendItem() {

count++;

var newItem = document.createElement("div");

newItem.setAttribute("id", "item_" + count);

var html = '새로 추가된 아이템['+count+']'+

'<input type="button" value="삭제" onclick="removeItem(' + count + ')"/>';

newItem.innerHTML = html;

var itemListNode = document.getElementById('itemList');

itemListNode.appendChild(newItem);

}

function removeItem(idCount) {

var item = document.getElementById("item_"+idCount);

if (item != null) {

item.parentNode.removeChild(item);

}

</script>

</head>

<body>

</body>

</html>

VIzen