javascript - IDだけでなく、2つの要素をonclickイベント処理関数javascriptに渡す必要があります

Question

コードに2つの要素があり、それぞれのIDをイベント処理関数に渡したいとします。（以下の私の例では、divとボタンがあります）

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

ボタンの場合、「button1」というIDを書き込む代わりに、「this」キーワードを使用して要素自体を渡すだけです。今私の質問は、ボタン要素で行ったのと同じように、そのIDだけでなく、関数内でdiv要素自体を渡すことができる方法はありますか？

どんな助けでも大歓迎です。

score 3 · Accepted Answer

this.parentNode

これはDOMElement（と同様にthis）を返すため、同じ方法でIDにアクセスできます。

this.parentNode.id

...あなたがしたい必要があります。

score 0 · Accepted Answer

コールバックで親から取得するだけです。

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

score 0 · Accepted Answer

そもそもなぜ合格する必要があるのですか？を介してdivにアクセスしparentNodeます。

onclick="doSomething(this);"

と

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

3 に答える 3