CODEWITHSUNDEEP
javascripthtmlonclickimagesrc
Hamid
Hamid

Reputation: 4430

HTML/Javascript use src string in onclick without retyping?

I want to use the same string in my img "src" in my "onclick" as a parameter to a function. What's the easiest way to do this? It works fine if I type it out both times but it doesn't look nice.

Here is an example so you can see what I mean...

<img src="/images/image1.jpg" onclick="doStuff('/images/image1.jpg')"/>

I'm wondering if there is a simple way to have the src in the onclick too that doesn't require me to write it out again? So I can use a general onclick for each image that needs to be clicked.

Upvotes: 0

Views: 1091

Answers (3)

casablanca
casablanca

Reputation: 70701

<img src="/images/image1.jpg" onclick="doStuff(this.src)"/>

Upvotes: 3

Jamie Wong
Jamie Wong

Reputation: 18350

The easiest thing is to pass the object itself into the function. So:

<img src="/images/image1.jpg" onclick="doStuff(this.src)">

Will do what you want, I believe.

Upvotes: 1

user216441
user216441

Reputation: 

doStuff(this.src);

Upvotes: 2

Related Questions