Php 简单的javascript隐藏内容函数是'；行不通
我的代码有什么问题？当我单击“显示/隐藏”按钮时，什么也没有发生Php 简单的javascript隐藏内容函数是'；行不通,php,javascript,html,css,Php,Javascript,Html,Css,我的代码有什么问题？当我单击“显示/隐藏”按钮时，什么也没有发生 <html> <head> <title>Test</title> <script type="text/javascript"> function hidecontent(){ document.getElementById("content").style.display = "none;";
<html>
<head>
<title>Test</title>
<script type="text/javascript">
function hidecontent(){
document.getElementById("content").style.display = "none;";
}
</script>
<style type="text/css">
#content{
border: 1px solid #003333;
background-color: #000033;
color: #ffffff;
height: 500px;
width: 500px;
text-align: center;
display: block;
}
</style>
</head>
<body>
<form>
<input type="button" value="Hide/Show" onclick="hidecontent()" />
</form>
<?php
echo '<div id="content">Hello world!</div>';
?>
</body>
</html>
试验
函数hidecontent（）{
document.getElementById（“内容”）.style.display=“无；”；
}
#内容{
边框：1px实心#003333；
背景色：#000033；
颜色：#ffffff；
高度：500px；
宽度：500px；
文本对齐：居中；
显示：块；
}
请删除无后的分号 您在
nonedocument.getElementById("content").style.display = "none;";
^
------------------------------------|
document.getElementById("content").style.display = "none";
如果确实要显示/隐藏div（如按钮
值所示），则函数应如下所示：
function hidecontent(){
var ds = document.getElementById("content");
if (ds.style.display === 'block'){
ds.style.display = 'none';
}
else {
ds.style.display = 'block';
}
}