DOM的排他功能及显示隐藏功能

<input type="button" value="努力"/>
<input type="button" value="努力"/>
<input type="button" value="努力"/>
<input type="button" value="努力"/>
<input type="button" value="努力"/>
<input type="button" value="努力"/>
<script>
   // 11 案例：排他功能
    var inputss=document.getElementsByTagName("input");
    for(var i=0;i<inputss.length;i++){
        //为每个按钮都注册点击事件
        inputss[i].onclick=function () {
            //把所有的按钮的value都设置为默认的值
          for(var j=0;j<inputss.length;j++){
              inputss[j].value="努力";
          }
            //当前被点击的按钮设置
          this.value="努力吧，少年";
        };
    }
</script>

<input type="button" value="隐藏" id="dv"/>
<div id="dh" class="cls"></div>
<script>
    //18:点击按钮，显示和隐藏
    dfObj("dv").onclick=function () {
        if(this.value=="隐藏"){
            dfObj("dh").style.display="none";//隐藏
            this.value="显示";
        }else if(this.value=="显示"){
            dfObj("dh").style.display="block";//显示
            this.value="隐藏";
        }
    };
    //或者
    dfObj("dv").onclick=function(){
      if(dfObj("dh").className!="cls"){
          dfObj("dh").className="cls";
          this.value="显示";
      }else {
          dfObj("dh").className="";
          this.value="隐藏";
      }
    };
</script>