根据变量引用从DOM中删除元素？

Question

我正在动态创建div这样的：

var gameScoreDiv= document.createElement('div');
gameScoreDiv.innerHTML= 'Score: 0';
wrapperDiv.appendChild(gameScoreDiv);

稍后，我需要div从DOM中删除它。我该如何摆脱div呢？

是否可以简单地删除gameScoreDiv变量并将其也删除DOM元素（我觉得答案是否定的）？

Answer 1

2019更新

您现在可以使用ChildNode.remove（）删除节点：

gameScoreDiv.remove()

每个主要的浏览器都支持它，IE并不奇怪（IE可以例外，但可以根据需要添加一个小的polyfill）。

你可以做：

gameScoreDiv.parentNode.removeChild(gameScoreDiv);

或者，如果您仍然参考wrapperDiv：

wrapperDiv.removeChild(gameScoreDiv);

在jQuery中，它将是：

$(gameScoreDiv).remove();

但这将使用这种parentNode方式，请参阅参考资料。