簡單的按鈕來關閉圖層div使用CSS javascript

我在我的網頁上有一個div，上面有不同的圖層。我只是想在這個div裏面有一個按鈕或者標籤來隱藏它。我曾嘗試：

<html> 
<head> 
<script language="javascript"> 
myFunction() 
{ 
document.getElementById("corporate_background").setAttribute("style", "display:none;"); 
} 
</script> 
</head> 
<body> 
<p>aajhahaksha</p> 
<div id="corporate_background"> 
<a href="javascript:myFunction()">Close</a> 
<P>content...</P> 
</div> 
</body>

可能有人請告訴我在哪裏我已經錯了。

來源

2013-12-12 user1551594

感謝所有的答覆。最簡單的東西... – user1551594

這樣做：

<html> 
<head> 
<script language="javascript"> 
function myFunction() 
{ 
document.getElementById("corporate_background").setAttribute("style", "display:none;"); 
} 
</script> 
</head> 
<body> 
<p>aajhahaksha</p> 
<div id="corporate_background"> 
<a href="javascript:myFunction()">Close</a> 
<P>content...</P> 
</div> 
</body>

這僅僅是因爲你沒有定義myFunction的（）的函數。

下一次，用F12打開調試器，看看它在說什麼......！

來源

2013-12-12 16:25:30 SushiiBalboha

你錯過了開頭

myFunction() 
{ 
    document.getElementById("corporate_background").setAttribute("style", "display:none;"); 
}

你應該申報使用關鍵字function聲明你的函數。

function myFunction() 
{ 
    document.getElementById("corporate_background").setAttribute("style", "display:none;"); 
}

您應該也可以在您的錨點上使用事件偵聽器，而不是使用內聯JavaScript。沒有傷害只是最佳實踐。

來源

2013-12-12 16:27:19

試試這個：

<html> 
    <head> 
    <script language="javascript"> 
     function myFunction() 
     { 
     document.getElementById("corporate_background").style.display='none'; 
     } 
    </script> 
    </head> 
    <body> 
    <p>aajhahaksha</p> 
     <div id="corporate_background"> 
     <a href="javascript:myFunction()">Close</a> 
     <P>content...</P> 
     </div> 
    </body> 
</html>

來源

2013-12-12 16:34:35

對不起，沒有注意，糾正並添加了功能關鍵字。謝謝@SushiiBalboha :) –

我想你想做的事是什麼隱藏的內容，這樣你就可以隱藏了這樣的內容，

使按鈕;

<button id="btn" name="button">Hide content</button>

通過點擊按鈕，它西港島線隱藏在div corporate_background

<script> 
$(document).ready(function() { 
    $('#btn').click(function() { 
     $('#corporate_background').hide(); 
    }); 
}); 
</script>

來源

2013-12-12 16:41:33 user3078542

簡單的按鈕來關閉圖層div使用CSS javascript

回答

相關問題