javascript - 无法使用纯 JavaScript 读取 null 错误的属性 'parentNode'

Question

我正在通过 javascript 创建新元素并将其附加到已有的 div 中:

function addElement(){
    var dodato = document.getElementById('dodato');
    var input = document.getElementById('input');
    if(input.value!==""){
        var div = document.createElement('div');
        dodato.appendChild(div);
        var ele = dodato.lastChild;
        ele.style.width = "200px";
        ele.style.float = "left";
        ele.innerHTML = input.value;
        ele.id = input.value;
        var deletE = document.createElement('span');
        ele.appendChild(deletE);
        var deletEe = ele.lastChild;
        deletEe.innerHTML = 'X';
        deletEe.style.color = "red";
        deletEe.style.float = 'right';
        deletEe.setAttribute('onclick','deleteE('+input.value+')');
    }
}

dodato 是 div，我在其中添加所有新元素，并且所有这些元素都有不同的 id

通过单击 span，我调用新函数来删除一些具有特定 id 的添加元素。

function deleteE(delete_value){
    var dodato = document.getElementById('dodato');
    var el = document.getElementById(delete_value);
    dodato.removeChild(el);
}

我不断收到的错误是:

无法在“Node”上执行“removeChild”:参数 1 不是“Node”类型。

dodato.removeChild(el);

Answer 1

在你的第一个代码片段中，你说

deletEe.setAttribute('onclick','deleteE('+input.value+')');

然后在deleteE中你说:

var el = document.getElementById(delete_value);

因此，您尝试获取 elementById 及其值，而不是其id。改变

deletEe.setAttribute('onclick','deleteE('+input.value+')');

至

deletEe.setAttribute('onclick','deleteE('+input.id+')');