首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS实现动态获取当前点击事件的id属性值

整个页面是通过ajax请求最新的4部视频进行填充完成,视频列表又是通过template-web.js插件补上去的,所以导致所有ID值都是一样的,一开始给按钮添加一个事件,结果是所有播放按钮都是播放第一个视频...于是,想了好多办法,又把ID属性给弄成动态的ajax请求的属性值,实现了每个id不一样,接下来,因为点击播放要调用一个方法,进行解析视频播放,拼接成API+视频链接的格式在新打开的弹窗进行展示。...具体可以看下图: 要实现点击不同按钮,并且按钮ID是动态从ajax请求获取的,还要添加点击视频拼接视频链接,参考了文章,可以获取点击按钮的id值,然后使用button,将链接放在value中 Dom...对象的id属性可以获取元素的id值。...-- HTML结构 --> 播放 // javascript

25.9K20

如何在 React 中获取点击元素的 ID

本文将详细介绍如何在 React 中获取点击元素的 ID,并提供示例代码帮助你理解和应用这个功能。使用事件处理函数在 React 中,我们可以使用事件处理函数来获取点击元素的信息。...通过 event.target.id 可以获取点击元素的 ID。当用户点击按钮时,handleClick 函数会打印出点击元素的 ID,方便我们进行后续操作。...当按钮被点击时,会触发相应的事件处理函数。通过 event.target.id 可以获取点击元素的 ID。如果点击的元素没有定义 ID 属性,则 event.target.id 会返回空字符串。...如果需要分别获取每个按钮的 ID,可以为每个按钮创建独立的引用。使用 ref 可以方便地获取点击元素的其他属性和方法,而不仅限于 ID。...通过事件处理函数,我们可以通过事件对象获取点击元素的 ID,而使用 ref 则可以直接引用元素并访问其属性。根据你的项目需求和个人喜好,选择适合的方法来获取点击元素的 ID

3.4K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    职教云教师ID获取教程

    首先呢,因为这个教师ID在多个地方都有出现,但是每个老师的活动情况都不一样,所以也就没有写到软件里了(好吧,我就是懒)。然后修改作业时间呀,作业分数呀都需要用到这个ID,所以这里写一下获取教程。...方法一:通过课件获取 打开职教云网站,点开要获取的老师的课程, 打开F12,切换到NetWork栏。点击XHR。 进入课件!!!!注意!!!...进入课件,也就是需要播放课件,可以看到一个getCellCommentData,这个就是教师ID了 方法二:通过课后获取 进入课堂,课堂教学,课后,找到课后任务 打开F12,切换到NetWork栏...点击XHR。 点击详情,可以看到一个getFaceTechRequireinfo,红框框里面的就是教师ID 方法三,好吧,懒得写了,有上面两个就够了

    3.8K10

    Go: 获取系统用户id示例

    本文将深入探讨 Go 语言中获取操作系统用户信息的两种常见情境:获取当前用户的信息以及获取指定用户的信息。 获取当前用户的信息 在很多应用程序中,我们需要知道当前正在运行程序的用户是谁。...currentUser.Uid) } 这段代码首先导入必要的包,然后通过 user.Current() 函数获取当前用户的信息。...获取指定用户名的用户信息 除了获取当前用户信息外,有时我们还需要根据用户名来获取特定用户的信息。Go 的 os/user 包同样支持这一操作,通过 Lookup 函数实现。...实际应用 在实际应用中,这两种方法可以帮助开发者在需要时快速有效地获取用户信息。例如,在处理文件权限、管理用户配置文件或实现基于用户的服务时,这些信息至关重要。...无论是获取当前用户信息还是查找特定用户信息,Go 都提供了直接且易于理解的方法。作为开发者,熟练掌握这些技能将在你的编程旅程中大有裨益。 以上就是关于在 Go 语言中获取操作系统用户信息的探讨。

    17310

    vue 点击事件获取当前元素

    在开发中我们可能会使用单击事件去获取当前元素,这样就需要进行传参: 关键词: $event  在括号中输入这个关键词,然后在方法中就可以使用以下的方法去获取你当前所需要使用的元素 //当前点击的元素...e.target //是你绑定事件的元素 e.currentTarget //获得点击元素的前一个元素 e.currentTarget.previousElementSibling.innerHTML...//获得点击元素的第一个子元素 e.currentTarget.firstElementChild //获得点击元素的下一个元素 e.currentTarget.nextElementSibling...//获得点击元素中id为string的元素 e.currentTarget.getElementById("string") //获得点击元素的string属性 e.currentTarget.getAttributeNode...('string') //获得点击元素的父级元素 e.currentTarget.parentElement //获得点击元素的前一个元素的第一个子元素的HTML值 e.currentTarget.previousElementSibling.firstElementChild.innerHTML

    1.8K10
    领券