zoukankan      html  css  js  c++  java
  • 普元Js将页面输入框改为查看显示

    function viewAction(){  

     var inputs = document.getElementsByTagName("input");   

     var selects = document.getElementsByTagName("select");   

     var textareas = document.getElementsByTagName("textarea"); 

      var spans = document.getElementsByTagName("span");

      for(var i = 0; i < inputs.length; i ++) {

       if(inputs[i].type != 'button' && inputs[i].type != 'hidden'&&inputs[i].type != 'checkbox' &&inputs[i].type != 'radio') {

        if(inputs[i].parentElement.tagName=="TD"){

         inputs[i].parentElement.innerHTML="<span style='display:none'>"+inputs[i].parentElement.innerHTML+"</span><font style='color:#003333'>"+inputs[i].value+"</font>";

        }else if(inputs[i].parentElement.tagName=="DIV"){

         inputs[i].parentElement.innerHTML="<span style='display:none'>"+inputs[i].parentElement.innerHTML+"</span><font style='color:#003333'>"+inputs[i].value+"</font>";

        }else{

         inputs[i].parentElement.parentElement.innerHTML="<span style='display:none'>"+inputs[i].parentElement.parentElement.innerHTML+"</span><font style='color:#003333'>"+inputs[i].value+"</font>";

        }

       }else if(inputs[i].type == 'checkbox' || inputs[i].type == 'radio'){

        inputs[i].disabled = true;

       }

      }

      for(var i = 0; i < selects.length; i ++) {

       var index = selects[i].selectedIndex;

       if(selects[i].parentElement.tagName=="TD"){

        selects[i].parentElement.innerHTML="<span style='display:none'>"+selects[i].parentElement.innerHTML+"</span><font style='color:#003333'>"+selects[i].options[index].text+"</font>";

       }else if(selects[i].parentElement.tagName=="DIV"){

        if(selects[i].datacellEditor == "true"){

         continue;

        }

        selects[i].parentElement.innerHTML="<span style='display:none'>"+selects[i].parentElement.innerHTML+"</span><font style='color:#003333'>"+selects[i].options[index].text+"</font>";

       }else{

        selects[i].parentElement.parentElement.innerHTML="<span style='display:none'>"+selects[i].parentElement.parentElement.innerHTML+"</span><font style='color:#003333'>"+selects[i].options[index].text+"</font>";

       }

      }

      for(var i = 0; i < textareas.length; i ++) {

        if(textareas[i].parentElement.tagName=="TD"){

         textareas[i].parentElement.innerHTML="<span style='display:none'>"+textareas[i].parentElement.innerHTML+"</span><font style='color:#003333'>"+textareas[i].value+"</font>";

        }else if(textareas[i].parentElement.tagName=="DIV"){

         textareas[i].parentElement.innerHTML="<span style='display:none'>"+textareas[i].parentElement.innerHTML+"</span><font style='color:#003333'>"+textareas[i].value+"</font>";

        }else{

         textareas[i].parentElement.parentElement.innerHTML="<span style='display:none'>"+textareas[i].parentElement.parentElement.innerHTML+"</span><font style='color:#003333'>"+textareas[i].value+"</font>";

        }

      }

       for(var i =0;i<spans.length;i++){

        if((spans[i].style.color=='red')||((spans[i].style.color=='blue'))){

           spans[i].innerHTML="<span style='display:none'>"+"</span>";

        }

         }

             }

    function viewActionExceptTextareas(){

      var inputs = document.getElementsByTagName("input");

      var selects = document.getElementsByTagName("select");

      for(var i = 0; i < inputs.length; i ++) {

       if(inputs[i].type != 'button' && inputs[i].type != 'hidden'&&inputs[i].type != 'checkbox' &&inputs[i].type != 'radio'&&inputs[i].type != 'textareas') {

        if(inputs[i].parentElement.tagName=="TD"){

         inputs[i].parentElement.innerHTML="<span style='display:none'>"+inputs[i].parentElement.innerHTML+"</span><font style='color:#003333'>"+inputs[i].value+"</font>";

        }else if(inputs[i].parentElement.tagName=="DIV"){

         inputs[i].parentElement.innerHTML="<span style='display:none'>"+inputs[i].parentElement.innerHTML+"</span><font style='color:#003333'>"+inputs[i].value+"</font>";

        }else{

         inputs[i].parentElement.parentElement.innerHTML="<span style='display:none'>"+inputs[i].parentElement.parentElement.innerHTML+"</span><font style='color:#003333'>"+inputs[i].value+"</font>";

        }

       }

      }   for(var i = 0; i < selects.length; i ++) {

       var index = selects[i].selectedIndex;

       if(selects[i].parentElement.tagName=="TD"){

        selects[i].parentElement.innerHTML="<span style='display:none'>"+selects[i].parentElement.innerHTML+"</span><font style='color:#003333'>"+selects[i].options[index].text+"</font>";

       }else if(selects[i].parentElement.tagName=="DIV"){

        if(selects[i].datacellEditor == "true"){

         continue;

        }

        selects[i].parentElement.innerHTML="<span style='display:none'>"+selects[i].parentElement.innerHTML+"</span><font style='color:#003333'>"+selects[i].options[index].text+"</font>";

       }else{

        selects[i].parentElement.parentElement.innerHTML="<span style='display:none'>"+selects[i].parentElement.parentElement.innerHTML+"</span><font style='color:#003333'>"+selects[i].options[index].text+"</font>";

       }

      }

       }

  • 相关阅读:
    MVVM模式和在WPF中的实现(一)MVVM模式简介
    C#中实现并发的几种方法的性能测试
    搞笑:儿子的日记,叔叔妈妈
    MSN头像中小黄鸭子是什么?
    某人分析的70后,80后,90后
    有趣的纹身
    百度首页人物logo第一期:许三多
    关于微软Windows未来的一点畅想
    我把最难的21个汉字写进一篇文章
    百度还可以这样玩!
  • 原文地址:https://www.cnblogs.com/skycsdn/p/eosJavascript2.html
Copyright © 2011-2022 走看看