我的react項目中一個應用場景就是在點擊一個元素的時候想要獲取到這個元素的屬性。

代碼如下：

renderyear=()=>{return(<div><div data-value="年初">年初</div> </div>);}//點擊標簽的時候觸發的函數 TagClick=(e)=>{console.log("e",e);console.log("e.target",e.target); //指向返回事件的目標節點(觸發該事件的節點)console.log("e.target.dataset",e.target.dataset);this.setState({tagSelect:e.target.dataset.value,Pickerstatus:false,});}

如果想獲取到觸發元素的屬性，需要兩步驟:

1需要在觸發元素上用“data-”+“屬性”的形式定義，如value值寫成data-value,calss值寫成data-class

2.通過e.target.dataset.屬性能夠獲取屬性

如上圖：
我在方法中分別打印出來了e，e.target，e.target.dataset

e是事件對象，里面包括很多方法

e.target指向返回事件的目標節點(觸發該事件的節點)

e.target.dataset返回一個對象，對象中是設置的屬性，如果設置的時候不加data，則獲取到的對象為空。

總結

以上是生活随笔為你收集整理的vue 获取当前元素的父元素_react获取触发元素的属性 e.target.dataset的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。