0

我试图隐藏一个 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;
}
4

4 回答 4

3

标识符不能以数字开头。改为1Hide类似的东西Hide1。此外,要调用函数,请在标识符的末尾添加括号,如下所示:

Hide1();.

这将调用该函数。您的 HTML 应如下所示:

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

()请注意附加到函数名称末尾的运算符。每当您想调用函数时,这就是您使用的语法。

于 2012-08-28T21:50:08.317 回答
3

三个问题:

  • 变量/函数名称不能以数字开头
  • 你不调用()函数
  • 数字 CSS 值应具有后缀,例如px
于 2012-08-28T21:50:27.983 回答
2

首先,使用括号(在点击时调用函数)。然后,以字母开头的函数名称:

<script>
    function div1Hide() {
        document.getElementById('div1').style.display = 'none';
    }
</script>
<a onclick="div1Hide()" href="javascript:void(0);">Click</a>
于 2012-08-28T21:50:35.010 回答
0

尝试像这样使用jQuery 的隐藏功能

$('#myHideButton').click(function() {
   $('#div1').hide();
});
于 2012-08-28T21:58:38.037 回答