マウスオーバー時にIDを取得する方法を知りたい。

Question

動的で要素が作成されるためマウスオーバーした時にIDを取得する方法について知りたいです。
引数でidを渡そうとしたのですがそうするとエラーになってしまいました。

<li className="list" id="apple" onMouseEnter={this.HoverHandler} >

HoverHandler(){
 // マウスオーバーした時にidを取得する方法を知りたい
 return document.getElementById("取得したID").classList.add("feedin")
}

使用技術補足

• react

Answer 1

reactは存じ上げないのですが、、

javascriptのコードを参考に適用してください。

<li className="list" id="apple" onMouseEnter="HoverHandler()">

function HoverHandler(){
 var eleId = event.target.id;
 var ele = document.getElementById(eleId);

 //以下、何かreturnするなり、classListいじるなり
} 

Comments

[AkitoshiManabe]

この例だと ele == event.target でもありますので、event.target.classList.add() が使えますね。