html点击隐藏
⑴ html点击隐藏显示
假设如图的HTML结构如下：
<div>
<h4onclick="ViewDetail()">北京-行业分析师(全职)</h4>
<pid="detail">这里是详情描述</p>
</div>
下面是实现效果的JS代码：
functionViewDetail(){
vardetail=document.getElementById('detail');
detail.style.display=='none'?detail.style.display='block':detail.style.display=='none'
}
⑵ html如何模拟点击隐藏button(可用js)
onchange时
获取你那个button对象
调用你那个button对象的click（）方回法
-------------部分代码演答示---------------------
<head>
<script language="javascript" type="text/javascript">
function test(){
alert("this is bt2 click");
}
</script>
</head>
<body>
<input type="button" id='bt1' onclick=" document.getElementById('bt2').click()" value="bt1">
<input type="button" id='bt2' onclick="test()" value="bt2" style="display: none">
</body>
</html>
⑶ html 点击一个按钮 显示另一个div 隐藏之前呢个div
<html>
<head>
<meta charset="utf-8"/>
<style>
div{display:none;}
</style>
<script src="jquery.js"></script>
<script>
$(function(){
$("button").click(function(){
var index = $(this).index();
$(".d").hide();
$(".d:eq("+index+")").show();
});
});
</script>
</head>
<body>
<button>1111</button>
<button>2222</button>
<button>3333</button>
<button>4444</button>
<button>5555</button>
<button>6666</button>
<div class="d">我是第1个</div>
<div class="d">我是第2个</div>
<div class="d">我是第3个</div>
<div class="d">我是第4个</div>
<div class="d">我是第5个</div>
<div class="d">我是第6个</div>
</body>
</html>
自行引入jquery文件
⑷ html如何模拟点击隐藏button(可用js)
onchange时
获取你那个button对象
调用你那个button对象的click（）方法
-------------部分代码演示---------------------
<head>
<script language="javascript" type="text/javascript">
function test(){
alert("this is bt2 click");
}
</script>
</head>
<body>
<input type="button" id='bt1' onclick=" document.getElementById('bt2').click()" value="bt1">
<input type="button" id='bt2' onclick="test()" value="bt2" style="display: none">
</body>
</html>
⑸ html如何让点击后隐藏的内容改为默认隐藏点击后展开，在线等！
html标签默认隐藏点击后展开：在div中添加（style="display:none"）属性即可。
拓展资料：
超级文本标记语言（英文缩写：HTML）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。
⑹ HTML如何实现单击按钮后显示隐藏表格
<html>
<head>
<title>利用抄Dom属性来创建表格</title>
<script type="text/javascript">
function toggle(id){
var tb=document.getElementById(id);
if(tb.style.display=='none') tb.style.display='block';
else tb.style.display='none';
}
</script>
</head>
<body>
<input type="button" value="显示/隐藏" onClick="toggle('table1')"/>
<table border="1" id="table1">
<tr><td>2</td><td>3</td></tr>
</table>
</body>
</html>
⑺ html中,什么语句可以隐藏内容,点击按钮就会显示,再点击该按钮又会隐藏
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").toggleClass("main");
});
});
</script>
<style>
.main {
font-size: 120%;
display:none
}
</style>
</head>
<body>
<button>Toggle class "main" for p elements</button>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<p><b>Note:</b> Click the button more than once to see the toggle effect.</p>
</body>
</html>
⑻ HTML如何实现单击按钮后显示隐藏表格
<html>
<head>
<title>利用Dom属性来创建表格内</title>
<script type="text/javascript">
function toggle(id){
var tb=document.getElementById(id);
if(tb.style.display=='none') tb.style.display='block';
else tb.style.display='none';
}
</script>
</head>
<body>
<input type="button" value="显示容/隐藏" onClick="toggle('table1')"/>
<table border="1" id="table1">
<tr><td>2</td><td>3</td></tr>
</table>
</body>
</html>
⑼ html 点击按钮隐藏，点击另外一个按钮显示
<div id="xxx" style="display:block">ないよう</div>
<input type="button" onClick="aaa()" value="隐藏">
<input type="button" onClick="aaa()" value="显示">
<script>
function aaa(){if(document.getElementById("xxx").style.display=="block"){document.getElementById("xxx").style.display="none";}else{document.getElementById("xxx").style.display="block";}
}
</script>
网络贴吧:安林网络吧
⑽ 求html 点击显示隐藏层代码
层：
<div id="invisible_layer" style="position:absolution;left:100;top:100;width:200;height:200;border:1px solid black; visibility="hidden">隐藏的层</div>
点击的链接：
<a href="javascript:showlayer();">显示隐藏的层</a>
网页的head：
<script type="text/javascript">
function showlayer()
{
document.GetElementById("invisible_layer").style.visibility="visible";
}
</script>