用js传递a标签的自定义属性

最新推荐文章于 2023-05-15 15:23:05 发布
最新推荐文章于 2023-05-15 15:23:05 发布
阅读量970 收藏 2
点赞数
分类专栏： 一些问题 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MrX_YOUNG/article/details/106716452
版权
这篇博客介绍如何通过JavaScript获取并利用a标签中的自定义属性值，实现点击a标签后将属性值传递，用于控制视频播放等场景。
摘要由CSDN通过智能技术生成

将a标签中的自定义属性videolink的值传给video标签的src属性

<a href="#video0" class="wiggle" videolink="this is a videolink"><img src="../img/bv3.png"></a>

点击a标签跳转到video0

<div
最低0.47元/天 解锁文章
MrX_YOUNG
关注
专栏目录
js 点击a标签 获取a的自定义属性方法
11-26
本文将详细讲解如何在JavaScript中点击`<a>`标签并获取其自定义属性的方法，以及如何解决在jQuery环境下遇到的问题。 首先，我们来回顾一下问题的背景。在项目中，开发者试图通过点击`<a>`标签来显示完整的内容。...
标签自定义属性
最新发布
qq_62022086的博客
11-27 494
在自定义属性名前面加上data-，获取/赋值都需要通过dataset，这种方式操作更为简单，所有data-*属性都存放在dataset中。
给自定义js传递参数
qq_42335551的博客
07-31 709
  引用js, 添加一个自定义属性data： &lt;script id="testScript" type="text/javascript" src="test.js" data="abc"&gt;&lt;/script&gt; test.js文件里，通过下面这行得到传入的参数： var scriptArgs = document.getElementById('te
自定义标签之带属性的自定义标签
mmdev
11-09 144
如何创建一个带属性的自定义标签呢？ 首先我们要创建一个类继承SimpleTagSupport package clss3g.web.tag; import java.io.IOException; import java.util.Date; import javax.servlet.jsp.JspException; import javax.servlet.jsp.tagext.S...
前端动态的绑定img的src属性以及动态的绑定a标签的href属性
weixin_44986077的博客
07-23 959
动态的绑定src //进行了拼接${id}在data中有声明id:'' <img v-show="isShowimg" style="height:100%" :src="(`/SubmitSalesOrder/previewImg?orderId=${id}`)" > 动态的绑定a标签的href属性 //html <a style="color:#409EFF" :href="downloadImg" download="图片" >下载图
html动态添加video地址,使用video.js动态创建视频标签
weixin_27059669的博客
06-08 3793
我目前使用video.js处理来自html5视频的闪回回退。当用户点击我网站上的缩略图时，我动态地(使用js/jquery)创建并将所需的html插入jquery ui对话窗口，然后显示视频，使用html5或flash后退。以下是相关代码：使用video.js动态创建视频标签//setup jquery ui dialog window$("div#video_box").dialog({auto...
vue.js 获取当前自定义属性值
10-19
在Vue.js中，我们通常使用Vue的指令或方法来获取这些自定义属性的值。本文将详细介绍如何在Vue.js中获取自定义属性值。 首先，需要明确的是，在HTML中，所有以“data-”为前缀的属性都会被自动存储在一个名为`...
一个通过script自定义属性传递配置参数的方法
09-04
在本文中，我们将探讨一种通过在HTML的`<script>`标签中使用自定义属性来传递配置参数给JS插件的方法。这种方法在不增加额外的脚本标签的情况下，简化了插件的调用过程。 首先，让我们看一个简单的例子，假设我们有...
a标签获取自定义属性内容
weixin_44906807的博客
11-27 1511
<li class="active"><a href="home.html" data="1" onclick="changeV(this)">通信技术工程</a></li> <li><a href="javascript:void(0)" data="2" onclick="changeV(this);return false">计算机科学</a></li> .
js动态 创建a标签 添加href
王野
08-23 1万+
使用方法document.createElement()+appendChild()方法。 <body> <div id="aaa"> </div> <script> var aaa = document.getElementById('aaa'); var html; co...
js中设置元素a的一些属性
lijiaren_092008的专栏
04-24 1356
在js中设置元素a的一些常见属性。 如分页按钮组合中的：上一页、下一页、首页、末页 如判断为首页，那么上一页和首页按钮应该是不可点击的，设置如下。 function firstPageEnablePageBtn(isEnable) { var firstPage = document.getElementById("firstPage"); var prePage = docume...
Html的a标签onclick属性,关于通过js给a标签增加onclick属性
weixin_39739846的博客
06-04 1049
var selfw2 = this;//selfw2.loadData(nm);return selfw2.loadData(nm).then(function(){var cardInstance = selfw2.cardInstance(),cardData = selfw2.cardInstance().dataSource,currentRow = cardData != undefin...
jQuery给标签添加自定义属性
热门推荐
chenlunju的专栏
02-13 2万+
jQuery给标签添加自定义属性 下面代码包含了添加和获取自定义属性。 添加的属性值有数字，类数组，对象，详细用法见备注。 &amp;lt;script type=&quot;text/javascript&quot;&amp;gt; // 设置属性 $('#box').css('width', '200px') $('#a1').attr('href',&quot;http://www.baidu.com&quot;)
a标签属性href的多种写法
weixin_43878963的博客
05-15 1695
这是常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且[removed]协议作为a的href属性的时候不仅会导致不必要的触发[removed]事件，在IE里面更会使gif动画图片停止播放。而且，大多数人认为a标签最重要的作用是实现超链接，其实不单单是实现超链接的方法，今天新起点博客就来整理下a标签中href的几种用法。这种方法是很多网站最常用的方法，也是最周全的方法，onclick方法负责执行js函数，而void是一个操作符，void(0)返回undefined，地址不发生跳转。
自定义标签配置与使用指南
"本文档详细介绍了如何在Java Web应用程序中使用自定义标签，包括配置、引入TLD（Tag Library Descriptor）以及多个自定义标签的使用方法。" 在Java Web开发中，自定义标签允许开发者创建可重用的组件，提高代码的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值