Pass variable with set value to a function in JavaScript

Question

I have a little span element which I CSSed the f*** out of so that it appears as a switch. It kind of like this:

<Span class="switchbody" value="on"><span class="switchcover">on</span></span>

I wanted to know, if I added an onclick="editswitch()" to the first span element, would it be possible if I passed a Variable containing a unique value so that the JavaScript function knows which switch I am talking about without me having to write a million functions doing exactly the same thing to different elements?

If it is possible, how would I do that

PS I have tried

<span onclick="getId = "switch one";">

If it is possible, no jquery or php, etc. Just JavaScript.

Racil Hilan · Accepted Answer · 2016-06-04 07:26:26Z

1

Use this to refer to the object that fired the event. For example:

function editswitch(me) {
  alert(me.id);
}

<span id="span1" onclick="editswitch(this)">I'm the first span</span>
<br/>
<span id="span2" onclick="editswitch(this)">I'm the second span</span>

edited Jun 4, 2016 at 7:26

answered Jun 4, 2016 at 7:14

Racil Hilan

25.4k13 gold badges56 silver badges61 bronze badges

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

3 Comments

user6234002 Over a year ago

Nice, was hoping for something like that.

user6234002 Over a year ago

So, did I get This right, It takes the entire element, and how would I get It's ID?

Racil Hilan Over a year ago

Yes, this gives you the entire object. Use the id property of the object to get the value you want. See my updated answer.

Collectives™ on Stack Overflow

Pass variable with set value to a function in JavaScript

1 Answer 1

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Related