Здравствуйте!
Написал функцию, которая определяет что у атрибута «style» задано свойство со значением «background-color: #fff0f5» и переключает его по клику на «background-color: #f0f8ff».
При первом клике цвет переключается, а при втором уже не хочет. Почему не срабатывает условие «else»?
Код на jsfiddle.net.<input type="button" value="Переключить">
<p style="background-color: #fff0f5; width: 50%; color: #000;">Hello, World!</p>
/* Определяем переменные */
var btn = document.querySelector('input');
var txt = document.querySelector('p');
/* Вешаем на клик функцию */
btn.addEventListener('click', function() {
if (txt.style.backgroundColor='#fff0f5') {
txt.style.backgroundColor='#f0f8ff';
}
else {
txt.style.backgroundColor='#fff0f5';
}
}, false);
Мне необходим контроль именно за определенным свойством (необязательно цветом) и его значением в атрибуте «style» (не затрагивая остальные).
Буду благодарен за помощь и разъяснения.
