2012-08-28 97 views
0

我想隱藏一個div,我似乎無法讓它正常工作。這裏是我的代碼:Div隱藏不工作

<head> 
<title>Home - Chrome</title> 
<link rel="stylesheet" href="main.css"> 
<script src="jquery.js"></script> 
<script> 
function 1Hide() { 
document.getElementById('div1').style.display = 'none'; 
} 
</script> 
</head> 
<body> 
<div id="div1"> 
</div> 
<a onclick="1Hide" href="javascript:void(0);">Click</a> 
</body> 

CSS:

#div1 { 
height: 100; 
width: 700; 
margin: 30 auto 0 auto; 
background: #FFFFFF; 
} 

回答

3

標識符不能以數字開頭。改爲1Hide而不是Hide1。此外,要調用函數,可以在標識符的末尾添加括號,如下所示:

Hide1();

這將調用該函數。你的HTML看起來應該像下面這樣:

<a onclick="Hide1();" href="javascript:void(0);">Click</a> 

通知附加到函數名末尾操作()。每當你想調用函數這是你使用的語法。

3

三個問題:

  • 變量/函數名稱不能以數字
  • 開始你不叫()功能
  • 數字CSS值應該有一個後綴,例如px
2

首先,使用圓括號(點擊進行函數調用)。然後,以字母開頭的函數名稱:

<script> 
    function div1Hide() { 
     document.getElementById('div1').style.display = 'none'; 
    } 
</script> 
<a onclick="div1Hide()" href="javascript:void(0);">Click</a>