显示隐藏的html代码的按钮？
我想知道一旦用户单击 html/jsp 网站上的按钮，是否有可能出现在同一页面上？所以基本上一些文本是隐藏的，直到单击按钮然后它才会出现？我是网络开发新手，所以不确定这是否可能，谢谢
Helenr浏览 234回答 3
3回答
-
海绵宝宝撒
显示隐藏的 html 代码的按钮。<!DOCTYPE html><html><head><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script><body> <button id="showContent" >Click Me to Show Content</button><button id="hideContent" style="display:none" >Click Me to Hide Content</button> <div id="hiddenId" style="display:none">Welcome Dear!</div></body><script >$("#showContent").click(function(){ $("#hideContent").show(); $("#showContent").hide();$("#hiddenId").show();});$("#hideContent").click(function(){ $("#showContent").show(); $("#hideContent").hide();$('#hiddenId').hide();});</script></html> -
墨色风雨
使用 JavaScript 切换display元素的样式属性：const display = () => document.querySelector('#elt').style.display = 'block';const hide = () => document.querySelector('#elt').style.display = 'none';<button onclick="display()">Display</button><button onclick="hide()">Hide</button><div id="elt">Hello world</div> -
有只小跳蛙
您可以使用 Jquery 动态显示和隐藏页面上的元素。我建议看看它https://jsfiddle.net/rxnfwzoj/1/这里是.hide()and.show()函数的一个小例子
随时随地看视频慕课网APP
相关分类
Java