javascript - 应显示 :none element still have length = 1?

Question

我只是想知道在 JavaScript 中带有 display: none 的元素的长度是否应该为 1。我虽然 display: none 就像从文档和已知宇宙中删除一个元素。

例如

$('.element').hide();  // jQuery sets to display: none;
console.log($('element').length); // returns 1

Answer 1

display:none 属性只是用来隐藏元素，它不会从DOM 中移除元素。如果您打开控制台并查看 Elements 选项卡，您仍然会看到带有 display:none 的元素。

如果您想删除该元素，则可以使用 javascript 将其从 DOM 中删除。

示例

let elem = document.querySelector(`<css selector>`);
elem.remove();