我想知道一旦用戶單擊 html/jsp 網站上的按鈕，是否有可能出現在同一頁面上？所以基本上一些文本是隱藏的，直到單擊按鈕然后它才會出現？我是網絡開發新手，所以不確定這是否可能，謝謝
3 回答
海綿寶寶撒
TA貢獻1809條經驗 獲得超8個贊
顯示隱藏的 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>
墨色風雨
TA貢獻1853條經驗 獲得超6個贊
使用 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>
有只小跳蛙
TA貢獻1824條經驗 獲得超8個贊
您可以使用 Jquery 動態顯示和隱藏頁面上的元素。我建議看看它
https://jsfiddle.net/rxnfwzoj/1/
這里是.hide()and.show()函數的一個小例子
添加回答
舉報
0/150
提交
取消