javascript - DOM 引用变量如何工作

Question

全部:

我是 DOM 新手，我有一个关于 DOM 引用的问题，例如(假设我使用 D3.js 或 jQuery):

var domelement = d3.select("div#chart");
d3.select("div#chart").remove();
console.log(domelement);

当我打印 domelement 时，它仍然在控制台中显示一个对象，即使它已从 DOM 结构中删除。

所以我想知道，为什么这个变量仍然可以访问 DOM 对象？

如何确定引用文献是否无效？

谢谢

Answer 1

So I am wondering, why this variable still has access to the DOM object?

您检索了对内存中对象的引用，只要您的变量在作用域内，它就会保留它。

你可以改变一个引用它的对象，但你不能破坏它(不能在 JS 中)。

How can I decide if a reference is invalid?

不存在“无效”引用这样的事情。如果你想检查元素是否仍然挂载在 DOM 中 - 你可以尝试搜索它。如果它在那里，您就会找到它，否则您将找不到它。