2016-01-14 89 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(); 
})