js文本框获得或失去焦点时变色的代码

发布时间:2020-12-16编辑:脚本学堂
当文本框获得焦点或失去焦点时,用颜色改变加以提示的代码,有需要的朋友,可以参考下。

代码如下:

<html>
<head>
<script language="javascript">
/**
 * 文本框焦点 颜色改变
 * by http://www.jb200.com
*/
function   appendit()  
  {  
  var   nodes   =   document.getElementsByTagName("INPUT");  
  for   (var   i=0;   i<nodes.length;   i++)  
  {  
  var   ctype   =   nodes[i].getAttribute("type");  
  if   (ctype   ==   'text')  
  {  
  nodes[i].onfocus   =   function   ()   {   this.style.backgroundColor='#33FF00';   }  
  nodes[i].onblur   =   function   ()   {   this.style.backgroundColor='#3366FF';   }  
  }  
  }  
  }  
</head>
<body  onload="appendit();">
在body中引用以上的js代码。
<br/>
测试:<input type="text" size="36" name="title" />
</body>
</html>