<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
<html>
<head>
<script language=javascript for=aho event=onclick>
var srcElem = findParentObj(event.srcElement, "TR")
srcElem.runtimeStyle.backgroundColor ? srcElem.runtimeStyle.removeAttribute("backgroundColor") : srcElem.runtimeStyle.backgroundColor = "#EEEEEE"
</script><script>
function findParentObj(obj, strTagName, strId)
{
while ( obj &&
!(!strTagName || obj.tagName == strTagName.toUpperCase()) &&
(!strId || obj.id == strId)
)
obj = obj.parentElement
return obj
}
</script>
</head>
<body>
<table align="center" width=200>
<tr><td><input type=checkbox id=aho></td>
<td>aksjdfklajsdf;lkadkfljadfjadk</td></tr>
<tr><td><input type=checkbox id=aho></td>
<td>aksjdfklajsdf;lkadkfljadfjadk</td></tr>
<tr><td><input type=checkbox id=aho></td>
<td>aksjdfklajsdf;lkadkfljadfjadk</td></tr>
<tr><td><input type=checkbox id=aho></td>
<td>aksjdfklajsdf;lkadkfljadfjadk</td></tr>
<tr><td><input type=checkbox id=aho></td>
<td>aksjdfklajsdf;lkadkfljadfjadk</td></tr>
<tr><td><input type=checkbox id=aho></td>
<td>aksjdfklajsdf;lkadkfljadfjadk</td></tr>
<tr><td><input type=checkbox id=aho></td>
<td>aksjdfklajsdf;lkadkfljadfjadk</td></tr>
<tr><td><input type=checkbox id=aho></td>
<td>aksjdfklajsdf;lkadkfljadfjadk</td></tr>
</table>
</body>
</html>
本文介绍了一个使用HTML和JavaScript实现的简单表格操作案例,通过点击复选框可以改变所在行的背景颜色。此功能基于JavaScript查找父元素并修改其样式属性来实现。

428

被折叠的 条评论
为什么被折叠?



