Changing OnClick with Javascript

Question

I want to be able to change the OnClick event when a other part of the page Javascript has been selected. So that the OnClick corresponds with that.

<a href="#" id="black" onClick="javascript:changetxt
  ('#333');">Black</a>

Can turn into:

<a href="#" id="black" onClick="javascript:changetxt
  ('#666');">Black</a>

What have you tried? Did it work? If not, why not? Also, where does PHP fit into all this? — user166390
– user166390, Commented May 26, 2012 at 21:01
I tried the element.setAttribute("onclick","code to run"); and works. But I have to use getElementById which is a problem because I want to select all IDs. I'd use class, but the setAttrirbute wont work that way. — Brian
– Brian, Commented May 26, 2012 at 21:42

Niet the Dark Absol · Accepted Answer · 2012-05-26 20:49:05Z

3

You can change onclick just like any other attribute.

// Works, but not recommended:
element.setAttribute("onclick","code to run");

// Better:
element.onclick = function() {code to run};

// There are options with event handlers too, but they're needlessly complicated

Note that you do NOT need javascript: at the start of an event handler. The only reason you don't get an error is because it is parsed as a label called javascript, which is fine.

answered May 26, 2012 at 20:49

Niet the Dark Absol

326k86 gold badges480 silver badges604 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user166390 Over a year ago

An expansion: javascript: is only used to specify the JavaScript protocol in a URI, e.g. <a href='javascript:alert("icky")'>icks!</a>).

Collectives™ on Stack Overflow

Changing OnClick with Javascript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related