我 相 信 这 么 优秀 的 你

  已 经 置 顶了 我

  这节课我们将花一节课的时间来介绍一个JS面向对象的实例：面向对象的选项卡。我们前面已经写过一个选项卡，我们使用一个小方法js面向对象pdf，将以前面向过程的程序，改写为面向对象的形式。

  首先我们来准备一个面向过程的选项卡：

<p><pre style="margin-top: 1.2em;margin-bottom: 1.2em;border-width: 1px;border-style: solid;border-color: rgb(230, 230, 230);padding: 15px 10px;overflow: auto;background-color: rgb(247, 247, 247);font-size: 12.6px;word-wrap: normal;">

    
    无标题文档
    
    #div1 input {background:white;}
    #div1 input.active {background:yellow;}
    #div1 div {width:200px; height:200px; background:#CCC; display:none;}
    
    
    window.onload=function ()
    {
        var oDiv=document.getElementById('div1');
        var aBtn=oDiv.getElementsByTagName('input');
        var aDiv=oDiv.getElementsByTagName('div');
    
        for(var i=0;i