下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:Object.style.display = value的值完成显示隐藏

作者:大灰牛博客     来源: https://www.cnblogs.com/dhnblog/archive/2020/03/17/12510112.点击数:1585发布时间: 2020-03-25 14:28:33

标签: Object开发web

Web开发

  对象object是经常用于模仿现实世界中我们身边的一些对象。软件对象实际上是现实世界对象的造型,因为它同样有状态和行为。一个软件对象利用一个或者多个变量来维持它的状态。变量是由用户标识符来命名的数据项。软件对象用它的方法来执行它的行为。方法是跟对象有关联的函数(子程序)。

  网页中经常会看到显示和隐藏的效果,可通过display属性来设置。//语法:Object.style.display=value;其中Object是获取的元素对象,如通过document.getElementById("id")获取的元素。

  <!DOCTYPE html>

  <html>

  <head>

  <metacharset="utf-8">

  <title>显示隐藏display属性</title>

  <scripttype="text/Javascript">

  functionyc(){

  varmyceshi=document.getElementById('ceshi');

  myceshi.style.display='none';

  }

  functionxs(){

  varmyceshi=document.getElementById('ceshi');

  myceshi.style.display='block';

  }

  </script>

  </head>

  <body>

  <divid="ceshi">

  <ul>

  <li>DOM树定义了HTML/XML文档的逻辑结构,给出了一种应用程序访问和处理XML文档的方法。</li>

  <li>在DOM树中,有一个根节点,所有其他的节点都是根节点的后代。</li>

  <li>在应用过程中,基于DOM的HTML/XML分析器将一个HTML/XML文档转换成一棵DOM树,应用程序通过对DOM树的操作,来实现对HTML/XML文档数据的操作。</li>

  </ul>

  </div>

  <formaction=""method="">

  <inputtype="button"name=""id=""value="点击隐藏"onclick="yc()"/>

  <inputtype="button"name=""id=""value="点击显示"onclick="xs()"/>

  </form>

  </body>

  </html>

  对象是理解面向对象技术的关键。用户在学习之前可以看看现实生活中的对象,比如狗、桌子、电视、自行车等等。用户可以发现现实世界中的对象有两个共同特征:它们都有状态和行为。比如狗有自己的状态(比如名字、颜色、生育以及饥饿等等)和行为(比如摇尾巴等等)。同样自行车也有自己的状态(比如当前档位、两个轮子等等)和行为(比如刹车、加速、减速以及改变档位等等)。

赞(8)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程