<div class="btns">
<input type="button" value="Add" id="addBtn"></input>
<input type="button" value="Remove" id="removeBtn"></input>
</div>
<div class="box" id="boxcon"></div>

window.onload = function() {
addBtn.onclick = function() {}
removeBtn.onclick = function() {}
}

function createEle() {
var newEle = document.createElement("div");// 定義新的元素節(jié)點(diǎn)變量
var newBtn = document.createElement("input");// 定義新的元素節(jié)點(diǎn)變量
var boxEle = document.getElementById ("boxcon");
//找到所要添加到里面的那個(gè)元素 既是上一級(jí)元素，這里用id標(biāo)識(shí)符來(lái)查找
newEle.className="con";//賦予新建元素的屬性 樣式寫在css里
newBtn.type ="button";
newBtn.value = " remove ";
boxEle.appendChild(newEle);// 把新建的節(jié)點(diǎn) 添加到boxcon里
}

function removeEle(removeObj) {
removeObj.parentNode.removeChild(removeObj);
// 刪除元素
}

window.onload = function() {
addBtn.onclick = function() {
createEle();
}
removeBtn.onclick = function() {
var box = document.getElementById("boxcon");
removeEle(box.lastChild);
}
}