call a javascript function using string name

Question

It is a bit complicated for to explain properly what I mean, so please try to understand me :)

I want to be able in javascript to call a element method/function using text sent as parameter. For example:

function CallAFunction(function_name){
 document.getElementById('some_id').function_name();
}

As you see in the above example, I want to send function_name as parameter, and it is type of string or a simple text. So how I can use this function name to call it like that ?

Or, please suggest me something which may help me get the same as I need.

document.getElementById('some_id')[function_name](); In JavaScript, x.y is the same as x["y"] — Raymond Chen
– Raymond Chen, Commented Mar 7, 2013 at 18:19

Explosion Pills · Accepted Answer · 2013-03-07 18:18:40Z

6

Use bracket notation;

document.getElementById('some_id')[function_name]();

answered Mar 7, 2013 at 18:18

Explosion Pills

192k56 gold badges341 silver badges417 bronze badges

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

6 Comments

Jigberto Over a year ago

Thank you my friend, you give me a very quick answer, I'm happy, and I will mark this answer as accepted.

Jigberto Over a year ago

by the way, what will happen if function name not exist for that element ? it will crash the code after it ?

Explosion Pills Over a year ago

@JigsweelJigsweel yes it will. May want to check elem.hasOwnProperty(function_name) first and even check if it's callable

Jigberto Over a year ago

cool, didn't know about that method, and how to check if it's callable ?

Explosion Pills Over a year ago

@JigsweelJigsweel no set way, but typeof(elem[function_name]) === 'function' should generally work

|

Amrendra · Accepted Answer · 2013-03-07 18:27:56Z

0

call function name using string :

var myFunc = window[myFuncName];

you can sent parameter like this :

<button onclick="myFunction('Harry Potter','Wizard')">Try it</button>

<script>
function myFunction(name,job)
{
alert("Welcome " + name + ", the " + job);
}
</script>

answered Mar 7, 2013 at 18:27

Amrendra

2,0872 gold badges19 silver badges38 bronze badges

Collectives™ on Stack Overflow

call a javascript function using string name

2 Answers 2

6 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Linked

Related