表格某行点击变化的javascript怎么写（在线等）

但是怎么操作啊
操作的时候只有table的id是不变的

解决方案 »

  1.   

    这样就能得到这个td的id了
      

  2.   

    <table width="500" border="1" cellspacing="0" cellpadding="0">
      <tr>
        <td onclick="changeimage()">234<img id="img" src="http://album.hi.csdn.net/app_uploads/wtcsy/20081017/114903878.p.gif"></td>
      </tr>
      <tr>
        <td onclick="changeimage()">234&nbsp;</td>
      </tr>
      <tr>
        <td onclick="changeimage()">234&nbsp;</td>
      </tr>
      <tr>
        <td onclick="changeimage()">234&nbsp;</td>
      </tr>
      <tr>
        <td onclick="changeimage()">44&nbsp;</td>
      </tr>
    </table>
    <script>
    function changeimage(e){
    e= e||event
    var obj = e.srcElement||e.target
    var img =document.getElementById("img")
    img.parentNode.removeChild(img)
    var tupian = document.createElement("img")
    tupian.id="img"
    tupian.src="http://album.hi.csdn.net/app_uploads/wtcsy/20081017/114903878.p.gif"
    obj.appendChild(tupian)}
    </script>
    没搞清楚是哪个地方没兼容ff
      

  3.   

    <html>
    <body>
    <table id="x"> 
    <tr> <td id="1" onclick="changeimage(this)">aaaaaa <img src="images/flag.jpg"> </td> </tr> 
    <tr> <td id="2" onclick="changeimage(this)">bbb </td> </tr> 
    <tr> <td id="3" onclick="changeimage(this)">cccc </td> </tr> 
    <tr> <td id="4" onclick="changeimage(this)">dddd </td> </tr> 
    </table> </body>
    <script>
    oldTD="1"
    imgStr="<img src='images/flag.jpg'>"
    function changeimage(p){
    var old=document.getElementById(oldTD)
    var t=(old.innerHTML).split("<")[0]
    old.innerHTML=t
    document.getElementById(p.id).innerHTML+=imgStr
    oldTD=p.id
    }
    </script>
    </html>