Как изменить цвет ячейки таблицы в JavaScript

Question

Это моя функция

<script> 
    function colorChange() { 
    document.getElementById('change').bgcolor="#00CC99"; 
    } 
</script> 

и это мой стол

<?php> 

echo("<table border=\"1\" cellpadding=\"5\"><tr>\n"); 
if($dayArray["month"] == $mydate[month]) 
{ 
    echo ("<td id=\"change\" bgcolor=\"#FF99FF\"> 
    <a href=\"javascript:colorChange()\"</a>")></td>\n"); 
    } 
echo (</table>); 

но цвет ячейки не меняется. Может ли кто-нибудь мне помочь?

Answer 1

Там нет такого свойства, как bgcolor, есть однако атрибут, но вы должны использовать element.style:

document.getElementById('change').style.background = "#00CC99"; 

или

document.getElementById('change').style.backgroundColor = "#00CC99"; 

или если вы просто должны изменить атрибут

document.getElementById('change').setAttribute('bgcolor', '#00CC99'); 

Answer 2

Ваш код выглядит очень грязным с html встроенных в php echo операторов. Изменить это тоже:

<table border="1" cellpadding="5"><tr> 
<?php 
if($dayArray["month"] == $mydate[month]) 
{ 
?> 
<td id="change" style="background:#FF99FF"><a href="javascript:colorChange()">></a></td> 
<?php 
    } 
?> 
</tr> 
</table> 

Javascript:

//There is no property called 'bgcolor', use style.backgroundColor instead. 

function colorChange(){ 
document.getElementById('change').style.backgroundColor="#00CC99"; bgcolor 
} 

Demo