Изменение цвета фона в Javascript

Question

Я пытаюсь изменить цвет фона таблицы, когда мышь его наводит. Как это исправить?

Я получаю эту ошибку: "Неожиданный токен ERROR" в Google Chrome

echo '<table id="a1" onmouseover="document.getElementById(\'a1\').backgroundColor = #CCCCCC;"> 
    <td align="center"></td></table>'; 

Что я делаю неправильно?

Answer 1

#cccccc должен быть строкой, \ '# CCCCCC \'

Answer 2

function changeBackground(color) { 
    document.getElementById('a1').backgroundColor = color; 
} 

<table id="a1" onmouseover="changeBackground('red');"> 

Answer 3

Попробуйте это.

echo '<table id="a1" onmouseover="this.style.backgroundColor=\'#ccc\'" onmouseout="this.style.backgroundColor=\'#000\'"> 
<td align="center"></td></table>'; 

Потому что,

1. backgroundColor является собственностью style имущества HTMLElement.
2. #CCCCCC должен быть в кавычках

идеально вы должны использовать мощный this ключевое слово в сценарии, как это.

Answer 4

Используйте CSS, чтобы вытащить это, он будет работать быстрее и будет выглядеть лучше (вы не получите никаких жужжащих случаев).

#a1 { 
    background-color: #FFF; 
} 

#a1:hover { 
    background-color: #CCC; 
}