javascript - Div 隐藏不起作用

标签 javascript

我试图隐藏一个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 之类的内容。此外,要调用函数,您可以在标识符末尾添加括号,如下所示:

隐藏1();

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

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

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

关于javascript - Div 隐藏不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12168004/

相关文章:

Javascript 优化 : Looping and handling different ways in different browsers

javascript - Uncaught ReferenceError : testString is not defined

javascript - jQuery 拖放表格列

javascript - OpenUI5 将属性与函数绑定(bind),而不是直接访问

javascript - 从分数转换为等级

javascript - 如何添加文本到span jQuery

javascript - 加载 bootstrap 4 css 时,侧边栏导航折叠显示空白屏幕

javascript - JSON 数据 - 已解析或 'Eval' ed

javascript - JS : Why are variables allowed to be declared both with and without the `var` keyword. ..?

javascript - 如何刷新BabylonJs Canvas ?