首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

onMouseOver时,设置单元格边框的有关问题

2012-03-05 
onMouseOver时,设置单元格边框的问题如何当鼠标掠过表格中任意一个单元格时,设置所有单元格的边框为1px?[

onMouseOver时,设置单元格边框的问题
如何当鼠标掠过表格中任意一个单元格时,设置所有单元格的边框为1px?

[解决办法]
L@_@K!

<body>
<table id= "tabTest ">
<tr>
<td> 1 </td>
<td> 2 </td>
<td> 3 </td>
</tr>
<tr>
<td> 4 </td>
<td> 5 </td>
<td> 6 </td>
</tr>
<tr>
<td> 7 </td>
<td> 8 </td>
<td> 9 </td>
</tr>
</table>
<script type= "text/javascript ">
<!--
var oTable = document.getElementById( "tabTest ");
var colCells = oTable.cells;
for (var i=0; i <colCells.length; i++)
{
colCells[i].onmouseover = function ()
{
if (this.style.border == " ")
{
var oTable = this.parentNode.parentNode.parentNode;

for (var i=0; i <oTable.cells.length; i++)
{
oTable.cells[i].style.border = "1px solid red ";
}
};
}
}
//-->
</script>
</body>

热点排行
Bad Request.