高效移除body元素下的最后一个div元素
JavaScript DOM操作中，精准移除特定元素是常见需求。本文讲解如何从 高效准确的解决方案是使用 完整代码如下： 这段代码首先使用元素下选择并移除最后一个document.getElementsByTagName('div')再取最后一个元素的方法容易出错，因为它会获取页面所有下的。
document.querySelector()方法结合CSS选择器。document.querySelector()接受CSS选择器，返回匹配到的第一个元素。 要选择下的最后一个"body > div:last-of-type"。 >表示直接子元素，:last-of-type选择指定类型的最后一个元素。 获取到目标元素后，使用parentNode.removeChild()方法移除。parentNode属性返回元素的父节点，removeChild()移除指定子节点。
const div = document.querySelector("body > div:last-of-type");
if (div) {
div.parentNode.removeChild(div);
} else {
console.log("没有找到body下的最后一个div元素");
}
querySelector获取下最后一个div。 然后，判断div是否为null，避免removeChild()方法报错。 如果找到元素，则将其移除；否则，输出提示信息。 这确保只删除下的最后一个
