如何设计元素的显示与隐藏，并改变按钮文字样式

如何设计元素的显示与隐藏，并改变按钮文字样式？这篇文章运用了实例代码展示，代码非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

创新互联公司专注为客户提供全方位的互联网综合服务，包含不限于网站建设、成都网站建设、汉川网络推广、小程序开发、汉川网络营销、汉川企业策划、汉川品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联公司为所有大学生创业者提供汉川建站搭建服务，24小时服务热线：028-86922220，官方网址：www.cdcxhl.com

<!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>

展示效果：

以上就是如何设计元素的显示与隐藏，并改变按钮文字样式的具体操作，代码应该是足够清楚的，而且我也相信有相当的一些例子可能是我们日常工作可能会见得到的。通过这篇文章，希望你能收获更多。

网站栏目：如何设计元素的显示与隐藏，并改变按钮文字样式
本文网址：https://www.cdcxhl.com/article46/jjpheg.html

成都网站建设公司_创新互联，为您提供App开发、网站建设、网站收录、网站排名、App设计、网站策划

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容