我需要删除或修改OpenLayers库创建的元素。如果我删除它,如果按id显示,我就不能在console.debug中看到它,但它们仍然存在于浏览器中。
console.debug($("#OpenLayers_Geometry_Point_85"));
完美,我可以在控制台中看到输出。当我将鼠标悬停在它上面时,浏览器中的元素会突出显示。
$("#OpenLayers_Geometry_Point_85").remove();
尝试删除该元素,其行为基本上与以下相同:
var img = document.getElementById("OpenLayers_Geometry_Point_85");
img.parentNode.removeChild(img);
console.debug($("#OpenLayers_Geometry_Point_85"));
现在console.debug中的第二个输出是不同的,它是空的,因此它已被删除。但是,在浏览器中我仍然可以看到它。将鼠标悬停在第一个输出上不再突出显示任何内容。检查元素时,它会显示已删除的代码!还是它还在吗?
请注意,我已检查过重复项。我在文档完全加载后执行操作。该元素属于SVG类型,但这不重要或不重要吗?
问题:如何从浏览器中完全删除元素?