溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
如何設(shè)計元素的顯示與隱藏，并改變按鈕文字樣式？這篇文章運(yùn)用了實(shí)例代碼展示，代碼非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
</head>
<script>
<body>
window.onload=function()
{
var oBtn=document.getElementById("btn1");
var txt_1=document.getElementById("txt1");
var txt_2=document.getElementById("txt2");
oBtn.onclick=function()
{
if(txt_2.style.display=="block")
{
txt_1.style.display="block";
txt_2.style.display="none";
oBtn.innerHTML = "更新須知"
}
else
{
txt_1.style.display="none";
txt_2.style.display="block";
oBtn.innerHTML = "返回"
}
} }
</script>
<div class="col-md-12 column">
<div id="txt1" class="jumbotron">
<h2>
Welcome
</h2>
</div>
<div id="txt2" class=" alert alert-dismissable alert-info">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
<h5>
注意!
</h5>
<p>
<input type="button" id="btn1" value="按鈕"/>
</p>
</body>
</html>展示效果：
以上就是如何設(shè)計元素的顯示與隱藏，并改變按鈕文字樣式的具體操作，代碼應(yīng)該是足夠清楚的，而且我也相信有相當(dāng)?shù)囊恍├涌赡苁俏覀內(nèi)粘９ぷ骺赡軙姷玫降?。通過這篇文章，希望你能收獲更多。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機(jī)網(wǎng)站二維碼