Question

Suppose I have two elements in my code and I want to pass their respective id’s to an event handling function. (In my example below, I have a div and a button)

<div id="div1">
  <input type="button" id="button1" onclick="doSomething(this, [here comes id of div])" />
</div>

For the button, instead of writing the id which is "button1", I simply passed the element itself using the this keyword. Now my question is, is there a way where I can pass the div element itself in the function and not just its id just like what I did with the button element?

Any help would be greatly appreciated.

Answer 1

You can use the parentNode property;

this.parentNode

As this returns a DOMElement (similar to this), you can access the ID the same via;

this.parentNode.id

… should you want to.