完全从浏览器中删除DOM元素,而不仅仅是在console.debug中

时间:2012-08-13 18:43:38

标签: javascript jquery dom dom-manipulation removechild

我需要删除或修改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类型,但这不重要或不重要吗?


问题:如何从浏览器中完全删除元素?

0 个答案:

没有答案