js 点击a标签 获取a的自定义属性
今天项目上遇到一个问题,需要在点击a标签时,将完整的内容显示出来
原先是想用jquery的click方法
<a ownattr=“……” onClick="showDetail(this)">哈哈</a>
在jquery的click方法中将this的ownattr属性赋值给完整内容的div标签
然而这却一直行不通
一阵研究后发现,原来项目框架是用jquery ajax获取后台列表信息的,页面在执行到click方法时,ajax还没完成
随后决定采用基本的js
方法:
function showDetail(obj){
var ownattr= obj.attributes[ownattr].nodeValue; //自定义属性采用此方式获得
var id = obj.id; //基本属性可以采用此方式获得
}
js 点击a标签 获取a的自定义属性相关推荐
- JS点击列表li获取li的id
点击列表li获取li的id <div><ul id="test1"><li id="1">我是list1</li> ...
- js点击a标签,打开新窗口预览图片
const imgSrc= '图片路径' var el = document.createElement("a"); el.target = "_blank"; ...
- 很基本的js点击事件和jq点击事件的写法
js点击事件常用 获取到id <div id="box">click</div> var btn=document.getElementById('box' ...
- JS、阻止 a 标签的默认点击事件,阻止默认的所有事件
JS.阻止 a 标签的默认点击事件,阻止默认的所有事件 1 . javascript:void(0) 空处理 缺点:当超链接有target="_blank"属性时,点击后任然会跳出 ...
- 如何通过JS动态给li标签添加点击事件并跳转
如何给li标签添加点击事件 一.HTML demo代码 二.JS动态新增li并绑定点击事件 三.效果图 有很长一段时间没写博客了,最近做了一个类似于榜单的小需求,遇到了一些小问题,姑且简单的记录一下吧 ...
- JS点击获取验证码后60秒内禁止重新获取(防刷新)
JS点击获取验证码后60秒内禁止重新获取(防刷新) 参考 · 阅读文章: JS实现发送短信验证后按钮倒计时功能(防止刷新倒计时失效) 注意: 场景:在登录页点击发送啊验证码按钮,开始进入倒计时,在第3 ...
- Vue项目:js模拟点击a标签下载文件并重命名,URL文件地址下载方法、请求接口下载文件方法总结。
URL文件地址下载方法 一.正常情况下,我们都如此下载文件并修改文件名,在a标签上面添加download属性 //文件下载downFile() {if ('download' in document. ...
- 【JS】设置、获取、删除标签属性以及H5自定义属性
目录 1.设置标签属性 2.获取标签属性 3.删除标签属性 4. 判断是否包含指定的属性 5.HTML5自定义属性 1.设置标签属性 使用setAttribute()('属性名', '属性值')方法可 ...
- js 主动触发 a 标签 href 链接写法,
js 主动触发 a 标签 href 链接写法结构 <a href = "index.html"><input id="clickBtn" ty ...
最新文章
- PHP解析JSON数据的源代码
- 苹果计算机错误怎么改,Mac电脑未能修改分区图,因为文件系统验证失败怎么办?...
- PHP中单引号和双引号的区别
- oracle 如何创建序列squence
- [转帖]Oracle 11G RAC For Windows 2008 R2部署手册
- 【月薪三万】听说深圳老师工资全国最高!!!比德国还高
- win8:querySelector()方法
- pandas.DataFrame将行(index)和列(column)进行转置
- java从0单排之java就业培训教程复习与面试题回顾——01
- MSF(Metaspolit)复现MS12-020蓝屏漏洞
- spring boot设置项目名称
- Matlab画图常用的指令是啥,matlab画图常用命令
- bat脚本修改文件内容
- mac用navicat连接mysql_Mac OS下,使用Navicat连接MySQL出现的问题
- 工厂模式之抽象工厂模式
- 假设今天是2015年3月1号星期日,计算13个月零6天后是星期几?距离现在多少秒?
- 职业生涯阶段性回顾之第一个五年计划
- SQL注入靶场 RedTiger通关教程(level1~level10)
- 9 步SaaS SEO 策略
- Commons-Collections简介
热门文章
- 自然语言处理将彻底改变企业的业务
- 美国大学计算机视觉专业排名,美国大学计算机系统专业排名情况实用内幕分析大全...
- 掌通家园获大钲资本领投1亿美元D轮融资,加速构建幼教服务平台
- JAVA_SE 测试
- Error: listen EADDRINUSE: address already in use 127.0.0.1:8888
- 谷胱甘肽(GSH)修饰的CdTe/CdS量子点(GSH-CdTe/CdSQDs)|PEG修饰水溶性量子点ZnS:Mn
- 调试时出现:undefined Expecting 'EOF','}',',',']', got STRING以下错误的解决方法
- ThingsBoard 开发环境搭建
- windows 通过 Xshell 传文件到 Linux
- python练习17:输入一行字符,分别统计出其中英文字母、空格、数字和其它字符的个数。