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

       }

      }

       }

  • 相关阅读:
    017 文件xfs_repair恢复,xfs_dump恢复,lvm动态扩容
    003 rsync客户端与服务端小脚本
    002 rsync守护进程传输方式详解
    001 期中架构简介、备份初识
    016 netstat、磁盘分区(fdisk、gdisk)
    015 Linux中常用的信号、HUP信号
    014 进程(PS与TOP)
    013 源码安装(Nginx&php为例)
    本地、远程仓库的搭建
    第八章
  • 原文地址:https://www.cnblogs.com/skycsdn/p/eosJavascript2.html
Copyright © 2011-2022 走看看