如何动态改变td样式

SLL324 2010-07-15 04:12:40

无码无真相，先上代码



<style>

 .t2{



  }



  .t3{

   

  }

</style>



   <tr>

    <td onClick="addCom(this.innerText)" class="t2">q</td>

    <td onClick="addCom(this.innerText)" class="t2">w</td>

    <td onClick="addCom(this.innerText)" class="t2">e</td>

    <td onClick="addCom(this.innerText)" class="t2">r</td>

    <td onClick="addCom(this.innerText)" class="t2">t</td>

    <td onClick="addCom(this.innerText)" class="t2">y</td>

    <td onClick="addCom(this.innerText)" class="t2">u</td>

    <td onClick="addCom(this.innerText)" class="t2">i</td>

    <td onClick="addCom(this.innerText)" class="t2">o</td>

    <td onClick="addCom(this.innerText)" class="t2">p</td>

 </tr>

如何实现点击一个 td 改变这个td 的样式 ,现在我这样写了一个方法
//鼠标点击按下
function kd(){
//如何获取触发的td 对象？
获取到后 .addClass("t3");
}

...全文

138 1 打赏收藏转发到动态举报

写回复

用AI写文章

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

ya270078781 2010-07-15

打赏
举报



<style>

body{

margin:0;

padding:0;

}

.t2{}

.t3{ color:red;}

</style>

<script type="text/javascript">

function addCom(obj){

	obj.className = "t3";

}

</script>







<table>

   <tr>

    <td onClick="addCom(this)" class="t2">q</td>

    <td onClick="addCom(this)" class="t2">w</td>

    <td onClick="addCom(this)" class="t2">e</td>

    <td onClick="addCom(this)" class="t2">r</td>

    <td onClick="addCom(this)" class="t2">t</td>

    <td onClick="addCom(this)" class="t2">y</td>

    <td onClick="addCom(this)" class="t2">u</td>

    <td onClick="addCom(this)" class="t2">i</td>

    <td onClick="addCom(this)" class="t2">o</td>

    <td onClick="addCom(this)" class="t2">p</td>

 </tr>

</table>