原生js获取自定义属性e.data
时间: 2023-09-09 21:01:17 浏览: 128
JS实现获取自定义属性data值的方法示例
5星 · 资源好评率100%
原生JS获取自定义属性`e.data`的方法如下:
1. 首先,我们需要获取到事件对象`e`,通常是在监听事件的回调函数中获取到。
2. 获取`e`对象的自定义属性`data`,可以通过`e`对象的`getAttribute()`方法来获取。例如:
```javascript
var data = e.getAttribute('data');
```
如果`e`是一个DOM元素的事件对象,可以改为:
```javascript
var data = e.target.getAttribute('data');
```
3. 其他方法可以使用`dataset`属性来获取自定义属性值。例如:
```javascript
var data = e.dataset.data;
```
这种方法适用于HTML5中的`data-*`属性。
4. 如果自定义属性`data`是在HTML标签的`data-*`属性中定义的,则可以直接通过`e`对象的`dataset`属性来获取。例如,如果自定义属性是`data-data`,则可以使用`e.dataset.data`来获取。
总之,原生JS获取自定义属性`e.data`的方法有多种,可以根据具体情况选择合适的方法来获取。
阅读全文