您的位置:首页 > Web前端 > JavaScript

使用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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息