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

    作者:大灰牛博客 更新于: 2020-03-24 21:46:31

    Web开发

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

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

      html>

      

      

      

      显示隐藏display属性

      

      functionyc(){

      varmyceshi=document.getElementById('ceshi');

      myceshi.style.display='none';

      }

      functionxs(){

      varmyceshi=document.getElementById('ceshi');

      myceshi.style.display='block';

      }

      

      

      

      

      

        

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

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

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

      

  

  

  

  

  

  

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

标签: Object开发web
为您推荐

课课家教育

未登录