Question

94

how to get the id name in html for any object

rated 0 times [ 95] [ 1] / answers: 1 / hits: 27073 / 11 Years ago, wed, april 10, 2013, 12:00:00

I am calling method onClick function on the img and i want that image id to use further so how to access that image id

  con.innerHTML += '<table id=results width=915 border=1 style=margin:-46px 0 0 -2px;><tr><td><input id=chkbox'+j+' type=checkbox name=click_1 value=>&nbsp;'

        + str

        + '</td><td colspan=4 align=right><a href=javascript:presenter.command('viewPdf',{'path': '/images/pdf/animal/Beef/'+j+'.pdf'});><img src=images/view.png style=margin-left:250px;></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src=images/email.png id='+j+' onClick=mytest()></td></tr>'+ break_line +'<img src=images/line.png style=margin-bottom:-47px;></table>';

here is the function i want to store the id of image which is j in this

     function mytest(){



     var ab=document.getElementById('j');



     alert(ali this is wokring fine);



    }

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

zahrafrancisr

Add To Favorites

Follow

Total Points: 176

Total Questions: 105

Total Answers: 99

Location: Svalbard and Jan Mayen

Member since Sun, Sep 25, 2022

2 Years ago

zahrafrancisr questions

1 Display a Swiper slider when clicking a thumbnail in a gallery

Fri, Mar 19, 21, 00:00, 3 Years ago

1 Confirming Password is still displaying Passwords do not match even when passwords do match

Mon, Dec 28, 20, 00:00, 4 Years ago

1 How to add regular expression to filter out the xhr URL in Cypress

Wed, Nov 11, 20, 00:00, 4 Years ago

1 What are some JS library alternatives for Animate On Scroll (aos)?

Mon, Aug 31, 20, 00:00, 4 Years ago

1 How to pass array of objects in angular app from one component to another component

Fri, Jul 17, 20, 00:00, 4 Years ago

View All

answered 11 Years ago gilbertomaximilianod · Accepted Answer

If you insist on using inline event attributes, just do this:

onClick='mytest(this)'

...which passes a reference to the clicked element into your function:

function mytest(clickedElement) {

    var theId = clickedElement.id;

}

You can then access any of the properties of the element in question. I've shown how to get the id, but you may not need the id, because if you already have a reference to the element you can obviously then work with it directly - given that it's an img, you could, for example, change its src:

clickedElement.src = someotherimg.jpg;

Note that you don't then need getElementById() at all.

UPDATE: To answer the what if? in the comment, you can setup mytest() to receive an id:

function mytest(elId) {

    var ab = document.getElementById(elId);

    // etc

}

And then you can call it both from an onclick handler:

onclick='mytest(this.id);'

...and directly in your code if the id is already known:

mytest('1');

mytest('2');

var someId = '3';

mytest(someId);