javascript如何获取点击元素的值

Posted 2023-04-25

参考技术A 可以通过js dom 来获取，对元素设一个id值，然后为元素绑定一个click事件或直接设置 "onclick="，然后调用相应的function，在function中通过：document.getElementById("") ,就可以获取到地点的元素对象，然后在浏览器中按F12进行调试，就可以看到这个对应的所有属性及方法，当然元素的值也在里面。
单纯获取值是：document.getElementById("").value;本回答被提问者采纳 参考技术B document.getElementById("").value; 参考技术C document.getElementById(“标签id”).value 参考技术D 你还没说 点击的是什么元素呐
很简单啊，$obj.val()

如何通过 javascript/typescript 获取“事件”对象的特定元素

【中文标题】如何通过 javascript/typescript 获取“事件”对象的特定元素

【英文标题】：How to get "Event" object's specific element by javascript/typescript

【发布时间】：2022-01-18 23:53:30

【问题描述】：

总结

我在Vue.js/Nuxt.js 应用程序中通过Vuetify.js 实现了选择框。 我添加了@change 事件以获取选定的值。

<v-select
  v-model="selectedStartTime"
  :items="startTime"
  item-text="text"
  item-value="value"
  @change="onChangeEndTime"
/>

onChangeEndTime (e : Event) 
  console.log(e)

开发者控制台显示被选中的对象值。 我想知道如何在 onChangeEndTime 函数中获取它的具体元素值hour 和minute。

我尝试了什么

console.log(e.target) 返回undefined。

console.log(e.hour) 返回精确值。但它显示错误消息Property 'hour' does not exist on type 'Event'.Vetur(2339) .

【参考方案1】：

v-select 的change-event 参数是所选值本身（不是Event 对象），即包含hour 和minute 的对象。

一种解决方案是将e 的类型从Event 更改为 hour: number, minute: number ：

onChangeEndTime (e :  hour: number, minute: number ) 
  console.log(e.hour) // ✅ e.hour exists