Changing colour on click

How come this isn't working?

document.getElementById('glance').style.display='block'.color='gold';

...because that is technically erroneous. You should use:

document.getElementById('glance').style.display='block';
document.getElementById('glance').style.color='gold';


...or a less verbose:

document.getElementById('glance').setAttribute('style','display:block;color:gold');


Hope that helps.

You should better create a separate CSS class and change rather the class name than each property line by line.

element.onclick=function(){this.className='newClass'}

...or a less verbose:

document.getElementById('glance').setAttribute('style','display:block;color:gold');

… or

document.getElementById('glance').style.cssText = "display:block; color:gold";