写一个e.target.dataset.id的例子
时间: 2024-05-03 19:20:05 浏览: 10
当用户点击一个 HTML 元素时,e.target 返回该元素,而 dataset 属性可以获取该元素的 data-* 属性的键值对。一个示例的代码如下:
```html
<button data-id="123" onclick="getButtonId(event)">点击获取按钮ID</button>
```
```javascript
function getButtonId(e) {
const buttonId = e.target.dataset.id;
console.log(buttonId); // 输出 123
}
```
希望这个例子可以对您有所帮助!
相关问题
e.target.parentNode.parentNode.dataset.id
这行代码是用来获取一个事件的目标元素的父元素的父元素的自定义数据属性 id 的值。具体来说,它是通过事件对象 e 中的 target 属性获取当前触发事件的元素,然后通过 parentNode 属性获取其父元素,再通过 parentNode 属性获取其父元素的父元素,最后通过 dataset.id 获取该父元素的自定义数据属性 id 的值。
var id = e.target.dataset.id;
这段代码是一个小程序页面的事件处理函数中的一行代码,其中:
- var id 声明了一个变量 id,该变量的作用域为该函数方法内部。
- e.target 表示触发该事件的组件(即点击的组件)。
- dataset 是一个对象,表示组件上由 data- 开头的自定义属性组成的集合。
- dataset.id 表示获取该组件的 data-id 属性值,即该组件上绑定的自定义属性 id 的值。
- 将该属性值赋值给变量 id,从而实现在事件处理函数中操作该组件的自定义属性 id 的值。