使用javascript动态改变当前行的显示样式
2007-05-30 10:21
806 查看
<html>
<head>
<title></title>
<style type="text/css">
<!--
.abc{text-decoration: line-through;};
.abcd{};
-->
</style>
</head>
<body>
<script language="javascript">
function Test(obj)
{
alert(Test); //显示Test函数的整个定义代码,即本函数的内容
alert(obj.tagName); // 显示:A
var o = obj.parentElement;
alert(o.tagName); // 显示:TD
alert(o.innerHTML); //显示:<a href=# onclick="Test(this)" >aaaaaa</a>
var o = o.parentElement;
alert(o.tagName); // 显示:TR
//
o.className = ""; //清空本行的删除线
}
</script>
<table>
<tr class="abc">
<td>ddddd</td><td>aaaaaa</td>
</tr>
<tr class="abc">
<td>ddddd</td><td><a href=# onclick="Test(this)" >aaaaaa</a></td>
</tr>
</table>
</body>
</html>
<head>
<title></title>
<style type="text/css">
<!--
.abc{text-decoration: line-through;};
.abcd{};
-->
</style>
</head>
<body>
<script language="javascript">
function Test(obj)
{
alert(Test); //显示Test函数的整个定义代码,即本函数的内容
alert(obj.tagName); // 显示:A
var o = obj.parentElement;
alert(o.tagName); // 显示:TD
alert(o.innerHTML); //显示:<a href=# onclick="Test(this)" >aaaaaa</a>
var o = o.parentElement;
alert(o.tagName); // 显示:TR
//
o.className = ""; //清空本行的删除线
}
</script>
<table>
<tr class="abc">
<td>ddddd</td><td>aaaaaa</td>
</tr>
<tr class="abc">
<td>ddddd</td><td><a href=# onclick="Test(this)" >aaaaaa</a></td>
</tr>
</table>
</body>
</html>
相关文章推荐
- ExtJS 使用点滴 二 如何使用XTemplate基于同行的其他列的值,改变当前列的显示样式
- 使用delphi程序动态改变当前鼠标箭头的样式
- JavaScript中动态显示当前时间
- android样式学习(一) 使用selector改变来动态改变背景颜色
- JAVASCRIPT动态显示当前时间
- JS使用oumousemove和oumouseout动态改变图片显示的方法
- javascript动态显示当前时间
- 使用JavaScript控制当前文本输入框高亮显示
- javascript使用switch case实现动态改变超级链接文字及地址
- 基于javascript实现动态显示当前系统时间
- JavaScript修改css样式style动态改变元素样式
- javascript实现css主题样式切换;动态改变引入的css文件;
- javascript动态改变img的src属性图片不显示的解决方法
- 使用JavaScript动态设置样式 Ver2
- Javascript动态改变按钮样式
- JavaScript动态显示当前时间和倒计时的设计
- GridView使用技巧之:根据绑定的内容改变单元格(或者行)的显示样式
- 解决javascript动态改变img的src属性图片不显示问题
- 使用js代码在aspx页面动态显示当前日期和时间
- 使用JavaScript动态设置样式实现代码(2)