改变TR的背景好像更加好(TD不要设置背景)
解决方案 »
- 如何获取DIV中元素属性
- 大家帮忙看一下jquery拖拽的问题
- 给出匹配金钱的正则表达式
- 帮忙让这段代码兼容firefox
- 如何禁止IE后退?
- 又错了。郁闷呀。简单问题,我找不到错在那里大家帮,我谢了!
- 请教:过年了,帮帮小弟的忙!用javascript怎样将xml文件导出成Excel(XP或者2003)?急!
- 各位大哥谁有可输入,并且输入后相似的字段会自动跑上来的下拉菜单的源码?
- 滚动条问题,今晚在这等了!!
- 请问简单问题
- 请问setCapture() 和releaseCapture是什么意思,有什么作用?
- 将鼠标放在某一段文字或者表格的某一列上面时,会浮出一个小方框出现一些说明文字,请问怎样写?
鼠标移开再改回来!
<tr>
<td><input type="text"></td>
<td><input type="text"></td>
</tr>
<tr>
<td><input type="text"></td>
<td><input type="text"></td>
</tr>
</table>
<script language="javascript">
var seted=false
var defColor="#F0F0F0"
function setTable(oTable){
var oT=oTable.getElementsByTagName('input')
for (var i=0;i<oT.length;i++){
oT[i].onfocus=mouseIn;
oT[i].onblur=mouseOut;
}
seted=true
}
function mouseIn(){
var oT=event.srcElement
oT.style.backgroundColor=defColor
while ((oT.tagName!='TR')&&(oT.tagName!='BODY')){
oT=oT.parentElement
}
oT.bgColor=defColor
}
function mouseOut(){
var oT=event.srcElement
oT.style.backgroundColor=''
while ((oT.tagName!='TR')&&(oT.tagName!='BODY')){
oT=oT.parentElement
}
oT.bgColor=''
}
</script>
<TR>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
</TR>
<TR>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
</TR>
<TR>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
</TR>
<TR>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
</TR>
</TABLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
TRS = document.all.tags("TR")
for (i=0;i<TRS.length;i++)
{
TRS[i].bgColor = i%2?"#CCCCCC":"#FFFFFF"
}
//-->
</SCRIPT>
<table width="200" border="1" id=tab>
<tr>
<td><input type="text" name="textfield">
<input type="text" name="textfield23"></td>
<td><input type="text" name="textfield2"></td>
<td><input type="text" name="textfield22"></td>
</tr>
<tr>
<td><input type="text" name="textfield232"></td>
<td><input type="text" name="textfield2322"></td>
<td><input type="text" name="textfield2323"></td>
</tr>
<tr>
<td><input type="text" name="textfield2326"></td>
<td><input type="text" name="textfield2325"></td>
<td><input type="text" name="textfield2324"></td>
</tr>
</table>
<script language="javascript">
var inputs = document.getElementsByTagName("input")
for(var i=0;i<inputs.length;i++)
{
inputs[i].onclick=test
}
function clearColor()
{
for(var i=0;i<tab.rows.length;i++)
{
tab.rows[i].bgColor=""
}
}function test()
{
clearColor()
var obj;
for(obj=event.srcElement;obj.tagName!="TR";obj = obj.parentNode){}
obj.bgColor="red"
}
</script>
<table width="200" border="1" id=tab>
<colgroup id=>
<col id=c0>
<col id=c1>
<col id=c2>
</colgroup>
<tr>
<td><input type="text" name="textfield">
<input type="text" name="textfield23"></td>
<td><input type="text" name="textfield2"></td>
<td><input type="text" name="textfield22"></td>
</tr>
<tr>
<td><input type="text" name="textfield232"></td>
<td><input type="text" name="textfield2322"></td>
<td><input type="text" name="textfield2323"></td>
</tr>
<tr>
<td><input type="text" name="textfield2326"></td>
<td><input type="text" name="textfield2325"></td>
<td><input type="text" name="textfield2324"></td>
</tr>
</table>
<style>
.selected{background-color:#FF0000;}
</style>
<script language="javascript">
var inputs = document.getElementsByTagName("input")
for(var i=0;i<inputs.length;i++)
{
inputs[i].onclick=test
}
function clearColor()
{
var cols = document.getElementsByTagName("col")
for(var i=0;i<cols.length;i++)
{
cols[i].className=""
}
}function test()
{
clearColor()
var obj;
for(obj=event.srcElement;obj.tagName!="TD";obj = obj.parentNode){}
var n = obj.cellIndex
document.all("c" + n).className = "selected"
}
</script>