我正在尝试动态添加和删除文本框。添加文本框工作正常,但删除文本框不起作用。我已经在按钮元素本身上定义了onclick方法。我错过了什么吗?应该有一个简单的错误。
这是我的代码
var container = document.getElementById('divArea');
function RemoveTextBox(div) {
document.getElementById("divArea").removeChild(div.parentNode);
}
function addTextBox(value){
return '<input name="newTextBox" type="text" value = "' + value + '" />' +
'<input type="button" value="Remove" class="removeTxtBox" onclick = "RemoveTextBox(this)" />'
}
document.getElementById('btnAdd').onclick = function() {
var res = document.getElementById('val').value;
var div = document.createElement('DIV');
div.innerHTML = addTextBox(res);
container.appendChild(div);
}