如何使用javascript隐藏/显示div
我想用html中的div实现隐藏/显示，但是用这种方式 这是我的html：如何使用javascript隐藏/显示div,javascript,css,html,show-hide,Javascript,Css,Html,Show Hide,我想用html中的div实现隐藏/显示，但是用这种方式 这是我的html： <div id="left"></div> <div id="middle"> <input type="button" id="button"/> </div> <div id="right"></div> 当我点击divcenter上的按钮隐藏divright并展开divleft以显示divright的大小，然后将divcente
<div id="left"></div>
<div id="middle">
<input type="button" id="button"/>
</div>
<div id="right"></div>
centerrightleftrightcenter用JQuery实现很容易。看看这个JSFIDLE示例： （对所有人说：通常我不会在这里只放一个JSFIDLE链接，但这次我认为值得向OP展示整个过程的工作原理，并对他的HTML和CSS进行一些调整）
只有Javascript的解决方案将更难实现。使用JQuery实现很容易。看看这个JSFIDLE示例： （对所有人说：通常我不会在这里只放一个JSFIDLE链接，但这次我认为值得向OP展示整个过程的工作原理，并对他的HTML和CSS进行一些调整）
只有Javascript的解决方案更难实现。您可以在这里看到一个正在运行的演示
或者您可以在这里看到增加第一个div宽度的其他演示 您可以在这里看到一个正在运行的演示
或者您可以在这里看到增加第一个div宽度的其他演示 几天前我问了几乎相同的问题，也许这对你也有帮助。 本例使用复选框隐藏div.，并使另一个div的宽度为100% 示例中的javascript代码：
$(function() {
$("#foo").on("click",function() {
if ($(this).is(':checked')) $('#checked-a').show('fast',function() {
$('#checked-b').css("width","60%");
$('#checked-a').css("width","40%");
}) ;
else $('#checked-a').show('fast',function(){
$('#checked-b').css("width","100%").show();
$('#checked-a').css("width","0%").hide();
});
});
});
几天前我问了几乎相同的问题，也许这对你也有帮助。 本例使用复选框隐藏div.，并使另一个div的宽度为100% 示例中的javascript代码：
$(function() {
$("#foo").on("click",function() {
if ($(this).is(':checked')) $('#checked-a').show('fast',function() {
$('#checked-b').css("width","60%");
$('#checked-a').css("width","40%");
}) ;
else $('#checked-a').show('fast',function(){
$('#checked-b').css("width","100%").show();
$('#checked-a').css("width","0%").hide();
});
});
});
这是使用JavaScript隐藏div元素的最佳方法之一：
<html>
<head>
<script>
function hideDiv() {
document.getElementById("myP2").style.visibility = "hidden";
}
</script>
</head>
<body>
<button onClick="hideDiv()">Hide</button>
<br>
<br>
<p id="myP2">Hello world!</p>
</body>
</html>
函数hideDiv（）{
document.getElementById（“myP2”）.style.visibility=“hidden”；
}
隐藏
你好，世界
<html>
<head>
<script>
function hideDiv() {
document.getElementById("myP2").style.visibility = "hidden";
}
</script>
</head>
<body>
<button onClick="hideDiv()">Hide</button>
<br>
<br>
<p id="myP2">Hello world!</p>
</body>
</html>
函数hideDiv（）{
document.getElementById（“myP2”）.style.visibility=“hidden”；
}
隐藏
你好，世界
宽度：100%函数hideDiv（id，state）{document.getElementById（id）.style.display=state；}宽度：100%rightright