通过onload删除带有javascript的元素

时间:2018-09-10 21:13:30

标签: javascript html

嘿,这是代码:

case class MyCase(id: Int, name: String)

val encoder = org.apache.spark.sql.Encoders.product[MyCase]

val dataframe = …

val dataset = dataframe.as(encoder)

我要删除<a id="sdffg" href="/allgemeinen/me-libe-love-y/"><p class="erfg" class="quotes"> bla bla bla </p></a> 元素 js代码:

a

但它不起作用,页面:

    <script>
    window.onload=function(){

var btn = document.getElementById('sdffg');
btn.onclick = function () {
    document.getElementById('txt').remove();
    this.remove();
};

}

    </script>

我的js代码确实在源代码中,但没有用:

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

2 个答案:

答案 0 :(得分:0)

您已经可以像这样直接将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();
});

答案 1 :(得分:0)

问题:#txt在DOM中不存在, 最好的猜测是您要从dom中删除#sdffg

window.onload=function(){

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

这应该有帮助。