Я пытаюсь изменить CSS одного элемента при нажатии другого элемента. Я'много искал но ничего не работает идеально. В настоящее время я использую приведенный ниже код, но это не такт работа. Может кто-нибудь сказать мне, что я пропустил?

hello world!
<img src="zoom.png" onclick="myFunction()">

function myFunction() {
    document.getElementById('foo').style.cssText = 'background-color: red; color: white; font-size: 44px';
}