我需要将两个元素传递给onclick事件处理函数javascript而不仅仅是它们的id

Question

Suppose I have 2 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.

Answer 2

Just get it from the parent in the callback:

function clickHandler(e){
    console.log(e.target.parentNode.id);
}

Answer 3

Why do you need to pass it in the first place? Access the div via parentNode .

onclick="doSomething(this);"

and

function doSomething(btn) {
   var div = btn.parentNode;
}