Изменение цвета фона класса Div

Question

Я пытаюсь изменить цвет фона div, чей класс = thisphotobox. Все должно произойти после нажатия изображения внутри этого div. Что я делаю неправильно? И что я должен добавить к этим скобкам onclick? Это изображение:

echo '<div class="thisphotobox"> 
    <img src="'.$numphotos['link'].'" alt="photo" class="photolink" onclick="clicked()"> 
    </div>'; 

И здесь идет функцию:

function clicked(thisphotobox){ 
    var div = document.getElementsByClassName("thisphotobox"); 
    elements.style.backgroundColor="red"; 
    } 

Я также думаю, как сделать его получить «проверено», как в окошке.

Answer 1

1) Вместо onclick="clicked()", напишите onclick=clicked();.

2) Если есть только один div, вы должны попытаться дать ему id, а не class. Вы можете использовать CSS для его изменения, если хотите. И, конечно же, getElementsByClassName становится getElementById.

3) В clicked() вы создаете переменную с именем div, но попробуйте изменить цвет фона необъявленной переменной elements. Измените его на div или измените код div на elements.

+1 Что вы имеете в виду под «проверенным как флажок»? Если вы хотите сохранить то, что вы нажали на изображение (и изменили цвет фона), вы можете объявить новую переменную (вне функции clicked(), так что вы можете получить к ней доступ из другого места), по умолчанию ложно, тогда вы можете изменить он от функции как это: variableName = true;. Это самый простой способ его достижения.

Answer 2

Посмотрите на свое имя переменной. Вы установили результат поиска div, но вы пытаетесь установить фон на elements.

Кроме того, этот вопрос не имеет ничего общего с PHP или MySQL.