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>