求大神帮忙实现一下，点击“隐藏”，可以隐藏h1标签里面的内容，同时把隐藏变成显示。再点击反之求大神指点，在线等。。。 <!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>显示隐藏</title></head><body> <div class="btn">隐藏</div> <h1 class="show" >快把我隐藏起来</h1></body><script type="text/javascript"> // 获取元素 var btn = document.getElementsByClassName('btn')[0]; var showDiv = document.getElementsByClassName('show')[0]; // 添加点击事件 btn.onclick = function(){ // if (showDiv.style.display != "none"); btn.innerHTML = '显示'; showDiv.style.display = "none"; }else{ btn.innerHTML = '隐藏'; showDiv.style.display = "block"; } }</script></html>
8 回答
小唯快跑啊
TA贡献1863条经验 获得超2个赞
为什么要用js呢,
jquery更容易解决：
<!DOCTYPE html>
显示
这是一个段落
<br> $(document).ready(function(){<br> $("#btn").click(function(){<br> $("#demo").toggle();<br> });<br> });<br>
添加回答
举报
0/150
提交
取消