潜水隐藏不起作用

Div hide not working

本文关键字：不起作用 隐藏 潜水      更新时间：2023-09-26

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

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

Hide1();。

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

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

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

三个问题：

  • 变量/函数名称不能以数字开头
  • 您不调用函数()
  • 数字CSS值应该有一个后缀，例如px

首先，使用括号（单击时进行函数调用）。然后，以字母开头您的函数名称：

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

尝试使用jQuery的隐藏函数，如：

$('#myHideButton').click(function() {
   $('#div1').hide();
});
相关文章：