[表格点击变色怎么解决]JS表格变色点击行颜色改变

时间：2017-12-25 来源：excel 阅读：

提示：您可以先修改部分代码再运行

<HTML>   
  <HEAD>   
  <META   http-equiv="Content-Type"   content="text/html;   charset=gb2312">   
  <TITLE>table</TITLE>   
  <STYLE>   
  table {   
	  border-top:1px   solid   black;   
	  border-left:1px   solid   black;   
	  cursor:default;   
  }   
  td {   
	  border-bottom:1px   solid   black;   
	  border-right:1px   solid   black;   
	  height:23px;   
  }   
  </STYLE>

</HEAD>   
    
  <BODY>   
     
         
          one   
          two   
          three   
          four   
         
         
          管理员1   
          管理员1   
          管理员1   
          管理员1   
         
         
          管理员2   
              
              
              
         
         
              
              
              
              
         
         
              
              
              
              
         
         
              
              
              
              
         
         
              
              
              
              
         
         
              
              
              
              
                     
  
  <script language="JavaScript">   
    //鼠标点击选择行时候变色
	function change(change) {
		var oObj = window.event.srcElement;
		//alert(change.tagName.toLowerCase());
		if(oObj.tagName.toLowerCase() == "td"){   
			var oTr = oObj.parentNode;   
			for(var i=1; i<document.all.table1.rows.length; i++)   {   
				document.all.table1.rows[i].style.backgroundColor   =   "";   
				document.all.table1.rows[i].tag = false;   
			}
			oTr.style.backgroundColor = "#CCCCFF";   
			oTr.tag = true;   
		}
	}
    //鼠标点击另外一行时关闭已选行变色
	function out() {
		var oObj = event.srcElement;
		if(oObj.tagName.toLowerCase() == "td"){
			var oTr = oObj.parentNode;
			if(!oTr.tag) oTr.style.backgroundColor = "";
		}
	}
	//鼠标移动到选择行上时的行变色
	function over(){   
		var oObj = event.srcElement;
		if(oObj.tagName.toLowerCase() == "td"){   
		var oTr = oObj.parentNode;
		if(!oTr.tag) oTr.style.backgroundColor = "#E1E9FD";
		}
	}
 </script>
  </BODY>   
  </HTML>

提示：您可以先修改部分代码再运行

[表格点击变色怎么解决]JS表格变色点击行颜色改变

http://m.bbyears.com/bangongshuma/38022.html

推荐访问:excel表格点击一格变色 excel表格点击后变色

上一篇：截取字符串的函数_java截取字符串函数

下一篇：php保留两位小数函数|PHP保留两位小数四舍五入方法