Javascript Element.onclick = functionName(as String)? [duplicate]

Question

I have function name in a var,

var i = 2; // iteration
var fname = 'myFunction' + i; // looks like myFunction2()

now i want to assign this function on element's event. i.e.

var elem = document.getElementById('e');
elem.onclick = fname;

It doesn't work. JS take function name as 'fname()' not the string inside it 'myFunction2()'

A little help would be appriciated,

Thanks in advance.

Can be done with eval() But remember, eval = evil..

Ron van der Heijden
– Ron van der Heijden

2014-05-27 11:36:40 +00:00
Commented May 27, 2014 at 11:36 — Ron van der Heijden
– Ron van der Heijden, Commented May 27, 2014 at 11:36

cocco · Accepted Answer · 2014-05-27 11:33:26Z

1

You can do this

window['myFunction' + i]

or create a array/object of functions.

var i = 2; // iteration
var fname = 'myFunction' + i; // looks like myFunction2()
var elem = document.getElementById('e');
elem.onclick = window[fname];

answered May 27, 2014 at 11:33

cocco

16.8k7 gold badges65 silver badges77 bronze badges

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

3 Comments

Ali Nawaz Hiraj Over a year ago

Thanks, but this will execute the function right away, am i right? i want the function to be assigned to element 'e'. when mouse clicked on element 'e' then function invoked.

cocco Over a year ago

no... this wont execute the function...

Ali Nawaz Hiraj Over a year ago

Oh wow, your added section "or create a array/object of functions." works like a charm bro!! Thanxxxx alot :D

Community · Accepted Answer · 2017-05-23 12:20:55Z

-1

Check these answers: Javascript - Variable in function name, possible? and Use JavaScript variable as function name?

What you attempt is to assign a string (variable) on an event.

edited May 23, 2017 at 12:20

CommunityBot

11 silver badge

answered May 27, 2014 at 11:34

Leon

9198 silver badges21 bronze badges

Collectives™ on Stack Overflow

Javascript Element.onclick = functionName(as String)? [duplicate]

2 Answers 2

3 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Linked

Related