zoukankan      html  css  js  c++  java
  • JS 改变input 输入框样式

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <title>Change.html</title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        
        <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
      <script language="javascript">
         function test4(event) {
    	   if(event.value == "11") {
    	      //?Ϧdiv1
    	      //var div1 = document.getElementById('div1');
    		  var div1 = document.getElementById("div1");
    		  var div2 = document.getElementById("div2");
    	      div1.style.backgroundColor="black";
    		  div2.disabled = true;
    		  div2.readOnly = true;
    	   }
    	   if(event.value == "22") {
    	      //?Ϧdiv1
    	      //var div1 = document.getElementById('div1');
    		  var div1 = document.getElementById("div1");
    		  var div2 = document.getElementById("div2");
    	      div1.style.backgroundColor="red";
    		   div2.disabled = false;
    		   div2.readOnly = false;
    	   }
    	 }
      </script>
    </head>
    <body>
      <!--<div id="div1" style="400px; height:300px; background-color:red;">div1</div>-->
      <div id="div1" style="400px; height:300px; background-color:red;">div1</div>
      <input type="text" id="div2" value=""/>
      <input type="button" value="11" onclick="test4(this)"/>
      <input type="button" value="22" onclick="test4(this)"/>
    
      </body>
    </html>
    

     不配图,复制代码一运行就能知道

  • 相关阅读:
    $(window).scrollTop()与$(dom).offset().top
    组织结构图
    杀人游戏
    猜数字游戏
    变量
    2018 -11-23 快捷键
    iOS开发—c语言 ATM取款机(全)2018-11-15
    iOS开发—c语言 ATM取款机(一)
    ios开发学习c语言第一天 2018-11-13
    iOS 面试题
  • 原文地址:https://www.cnblogs.com/sunxun/p/4325176.html
Copyright © 2011-2022 走看看