Using CSS in JS

Question

I am trying to change CSS elements depending on situations used in javascript.

an example I had tried was:

if ('image'=="clicked")
{blahblahblah}

'image' would be my div id or div tag in CSS. I know in Jquery I can use $('#image').click, but I don't think it Jquery will be good for my situation.

And why would jQuery not be good for you? And why did you add it as a tag then? — Bram Vanroy, Apr 29 '14 at 12:53
I don't understand this question? You need to clarify what you want. As it's written this isn't clear — Liam, Apr 29 '14 at 12:55
possible duplicate of [Change an element's CSS class with JavaScript](http://stackoverflow.com/questions/195951/change-an-elements-css-class-with-javascript) — Luke Shaheen, Apr 29 '14 at 12:56
Anyone who thinks he doesn't mean `when a specific image is clicked` please stop reading. It's obvious he means that, but has just expressed it badly. The jQuery he provided shows *exactly* that. — Reinstate Monica Cellio, Apr 29 '14 at 12:57

score 2 · Answer 1 · answered Apr 29 '14 at 12:54

Consider document.querySelector. It's powerful, accepting any valid CSS selector. You can even start from another element, such as myElement.querySelector, to only get children of that element that match the selector. Very useful!

Just be aware that IE7 and below do not support this function.

SagarPPanchal · Answer 2 · 2014-04-29T13:01:49.223

1

Assuming your id as image

document.getElementById('image').onclick = function() {
   alert("button was clicked");
};

edited Apr 29 '14 at 13:01

answered Apr 29 '14 at 12:55

SagarPPanchal

9,839
6
34
62

@Archer, sorry, I have updated – SagarPPanchal Apr 29 '14 at 13:01

Using CSS in JS

2 Answers2