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>";

       }

      }

       }

  • 相关阅读:
    python正则表达式
    pyperclip模块
    python画国旗
    linux6.5禁用telnet
    限制用户su到root
    按系统日期生成目录
    微软windows logo配色rgb
    fastclick使用与 fastclick ios11.3相关bug原因(ios输入框点击变得不灵敏,ios input失焦后,页面上移,点击不了)
    vue iframe嵌套页面高度自适应 (ios 宽度扩大的bug , ios展示比例问题)
    iOS设备 微信h5页面回退 内容不刷新的问题
  • 原文地址:https://www.cnblogs.com/skycsdn/p/eosJavascript2.html
Copyright © 2011-2022 走看看