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 の 2 番目の出力は異なり、空なので削除されました。ただし、ブラウザではまだ表示できます。最初の出力にカーソルを合わせても、何も強調表示されなくなりました。要素を調べると、削除されたコードが表示されます! それともまだありますか？
重複を確認しましたので、ご了承ください。ドキュメントが完全にロードされた後に操作を実行しています。要素は SVG 型ですが、これは問題ではありませんか?
質問: 要素をブラウザーから完全に削除するにはどうすればよいですか?