通过加载删除带有javascript的元素

Question

helo 这是一个代码：

<a id="sdffg" href="/allgemeinen/me-libe-love-y/"><p class="erfg" class="quotes">
bla bla bla
</p></a>

我想删除a元素 它的JS代码：

<script>
window.onload=function(){
var btn = document.getElementById('sdffg');
btn.onclick = function () {
document.getElementById('txt').remove();
this.remove();
};
}
</script>

但它不起作用，页面：

https://geburtstagsplanet.com/allgemeinen/me-libe-love-y/

我的JS代码确实在源代码中，但它不起作用：

view-source:https://geburtstagsplanet.com/allgemeinen/me-libe-love-y/

Answer 1

<script>
window.onload=function(){
const element = document.getElementById("elementor-icons-fa-solid-css");
element.remove();
}
</script>

Answer 2

您已经可以直接将onclick放在a标签上，如下所示：

<a id="sdffg" href="/allgemeinen/me-libe-love-y/" onclick="this.remove()">

同样根据您的问题，您想删除onload上的元素，那么它必须是：

Javascript：

window.onload=function(){
var elem = document.getElementById("sdffg");
elem.parentNode.removeChild(elem);
}

你也可以使用jQuery：

$(document).ready(function(){
$("#sdffg").remove();
});

Answer 3

问题：#txt 不会在 DOM 中退出， 最好的猜测是你想从 dom 中删除 #sdffg

window.onload=function(){
var btn = document.getElementById('sdffg');
btn.onclick = function (e) {
e.preventDefault();
document.body.removeChild(this);
};

这应该会有所帮助。