DOM - Javascript - ændre bgcolor på tr-tag i table

du kan da ikke skifte bg farve på en tr.... da det ikke er en gyldtig attribut, men du kan derimod gøre det på din <td> tag

wrøvl

<script>
function changebg (newcolor)
{
  document.getElementById('test').style.backgroundColor = newcolor;
}
</script>

<table>
  <tr id="test" style="background-color:#000000;">
    <td onMouseOver="java script:changebg('#ffffff')">
      &nbsp;
    </td>
  </tr>
</table>

sorry.... ved ikke lige hvor jeg havde fået den på tværs med tr.... mente egentligt ikke man kunne ifølge w3c, men det kunne man.... undskylder meget ;O)

questis >> prøv at kig på definitionen af bgcolor:

godt nok er den deprecated - men læg mærke til, hvilke elementer, den har dækket

15.1.1 Background color
Attribute definitions
  bgcolor = color [CI]
    Deprecated. This attribute sets the background color for the document body or table cells.

This attribute sets the background color of the canvas for the document body (the BODY element) or for ___ tables (the TABLE, TR, TH, and TD elements) ___. Additional attributes for specifying text color can be used with the BODY element.

This attribute has been deprecated in favor of style sheets for specifying background color information.

så... jeg tror også at der er en mening i at tr-elementer kan have baggrundsfarve...


betragt følgende tanke-eksperiment...

hvis vi har en tablerow, hvori der er 4 celler (td'er) - cellerne har en margin på 4px - dvs. at der er en ramme rundt om hver celle -- hvilken farve skulle denne ramme have, hvis man ikke kunne sætte baggrundsfarven på den row (det block-element) som cellerne er indholdt...

http://www.w3.org/TR/html401/present/graphics.html#h-15.1.1

bearhugx>> som sagt slog jeg det selv op inden jeg smed min næste kommentar, og ja jeg så til min overreaskelse at det var valid kode.....

dit eksempel til sidst er da selvfølgelig rigtig nok, og sådan bør det også være, men selv om noget bør være sådanne er det jo ikke sikkert det er så enkelt...

men som sagt har luret min fejl og erkendt den...

questis >> er skam ok :-)

ved ikke lige hvor jeg har fået det i hovedet at man ikke skulle kunne sætte det på, men hvad pokker, det har jo gået fint uden indtil nu ;O)

function swap(tr, col){
    tr.style.backgroundColor = col;
    }
-------------------------------
<tr onMouseOver="swap(this,'#cccccc')" onMouseOut="swap(this,'#ffffff')">
  <td>blah blah</td>
</tr>