Question

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

Answer 1

标识符不能以数字开头。将1Hide更改为Hide1之类的内容。此外，要调用函数，可以在标识符的末尾添加括号，如下所示：

Hide1();。

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

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

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

Answer 2

三个问题：

变量/函数名称不能以数字
您没有致电()函数
数字CSS值应具有后缀，例如px

Answer 3

首先，使用括号（在点击时进行函数调用）。然后，用一个字母开始你的函数名称：

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

Answer 4

尝试使用jQuery's hide function，如下所示：

$('#myHideButton').click(function() {
   $('#div1').hide();
});

Div隐藏不工作

4 个答案: