2016-01-14 51 views
2

我想要删除ID =“fbb”的div后,我点击它。请帮助单击div后删除脚本

这里是我的代码:

<script type="text/javascript"> 
 
function hide() { 
 
    document.getElementById('fbb').style.display = 'none'; 
 
} 
 
<script>
<div style="position:absolute;left:50px;top:60px;opacity:1.1;z-index:9999;" id="fbb" onclick="hide()"> 
 
<script type="text/javascript"> 
 
    google_ad_client = ""; 
 
    google_ad_slot = ""; 
 
    google_ad_width = ; 
 
    google_ad_height = ; 
 
</script> 
 
<!-- casorla-bet_main_Blog1_300x250_as --> 
 
<script type="text/javascript" target="_blank" class="test" src="#"> 
 
</script> 
 
</div>

+3

如果谷歌为你的问题,你会发现很多的答案 –

+0

删除是隐藏不同..你在做什么只是hidding吧..我会在jQuery的是这样的'$建议做(” #fbb')。remove()' –

+0

这个问题有jQuery标签,但与它无关。如果你使用jQuery,你不需要做一个hide()函数。 – Phiter

回答

2

替换您的代码行:

document.getElementById('fbb').style.display = 'none'; 

有任何的javascript:

var element = document.getElementById("fbb"); 
element.parentNode.removeChild(element); 

或者像上面贴使用jQuery:

$('#fbb').remove() 
+1

哦,这是令人困惑的,我的意思是用纯的javascript(第二行)或jquery(第三行)代替你的代码(第一行)。感谢您的更正。 – edencorbin

1

就这样,用jQuery:

$("#fbb").remove(); 

或者香草的JavaScript:

document.getElementById("fbb").remove(); 

JavaScript的例子可能不工作旧的浏览器(基本上意味着较旧的IE)。

+0

'#'是'getElementById(“#fbb”)'中的无效字符。应该是:'getElementById(“fbb”)' –

0

此外,您可以使用和“.hide()”方法与Jquery。然后添加“.show()”,如果它暂时。

$('#fbb').on('click', function(){ 
    $(this).hide(); 
})