js 点击a标签 获取a的自定义属性方法


Posted in Javascript onNovember 21, 2016

今天项目上遇到一个问题,需要在点击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的自定义属性方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
谈谈JavaScript中的函数与闭包
Apr 14 Javascript
javascript禁用键盘功能键让右击及其他键无效
Oct 09 Javascript
ExtJS4 表格的嵌套 rowExpander应用
May 02 Javascript
Jquery实现地铁线路指示灯提示牌效果的方法
Mar 02 Javascript
基于js实现投票的实例代码
Aug 04 Javascript
javascript正则表达式总结
Feb 29 Javascript
JS实现改变HTML上文字颜色和内容的方法
Dec 30 Javascript
JS触摸与手势事件详解
May 09 Javascript
vue父组件给子组件的组件传值provide inject的方法
Oct 23 Javascript
vue解决花括号数据绑定不成功的问题
Oct 30 Javascript
JS使用正则表达式实现常用的表单验证功能分析
Apr 30 Javascript
详细分析JavaScript中的深浅拷贝
Sep 17 Javascript
浅谈JS读取DOM对象(标签)的自定义属性
Nov 21 #Javascript
AngularJS Phonecat实例讲解
Nov 21 #Javascript
浅谈React 属性和状态的一些总结
Nov 21 #Javascript
JavaScript中关于for循环删除数组元素内容时出现的问题
Nov 21 #Javascript
jQuery用FormData实现文件上传的方法
Nov 21 #Javascript
遍历js中对象的属性和值的实例
Nov 21 #Javascript
JavaScript数据结构链表知识详解
Nov 21 #Javascript
You might like
PHP中在数据库中保存Checkbox数据(2)
2006/10/09 PHP
PHP定时执行任务实现方法详解(Timer)
2015/07/30 PHP
PHP+Mysql+jQuery中国地图区域数据统计实例讲解
2015/10/10 PHP
php 可变函数使用小结
2018/06/12 PHP
jQuery技巧总结
2011/01/01 Javascript
怎么选择Javascript框架(Javascript Framework)
2013/11/22 Javascript
火狐下input焦点无法重复获取问题的解决方法
2014/06/16 Javascript
javascript实现复选框超过限制即弹出警告框的方法
2015/02/25 Javascript
Javascript中this关键字的一些小知识
2015/03/15 Javascript
JavaScript使用RegExp进行正则匹配的方法
2015/07/11 Javascript
深入解析JavaScript中的数字对象与字符串对象
2015/10/21 Javascript
Vue.js报错Failed to resolve filter问题的解决方法
2016/05/25 Javascript
js获取新浪天气接口的实现代码
2016/06/06 Javascript
Javascript 创建类并动态添加属性及方法的简单实现
2016/10/20 Javascript
使用grunt合并压缩js和css文件的方法
2017/03/02 Javascript
Vuex模块化实现待办事项的状态管理
2017/03/15 Javascript
深入理解Node module模块
2018/03/26 Javascript
说说node中的可读流和可写流的区别
2018/06/01 Javascript
vue中使用better-scroll实现滑动效果及注意事项
2018/11/15 Javascript
如何检查一个对象是否为空
2019/04/11 Javascript
Vue运用transition实现过渡动画
2019/05/06 Javascript
微信小程序—setTimeOut定时器的问题及解决
2019/07/26 Javascript
Python ORM框架SQLAlchemy学习笔记之数据查询实例
2014/06/10 Python
Python创建xml的方法
2015/03/10 Python
python修改操作系统时间的方法
2015/05/18 Python
python中的lambda表达式用法详解
2016/06/22 Python
Python中工作日类库Busines Holiday的介绍与使用
2017/07/06 Python
python excel使用xlutils类库实现追加写功能的方法
2018/05/02 Python
Python 获取中文字拼音首个字母的方法
2018/11/28 Python
Python环境配置实现pip加速过程解析
2020/11/27 Python
css3气泡 css3关键帧动画创建的动态通知气泡
2013/02/26 HTML / CSS
美国大码时尚女装购物网站:ELOQUII
2017/12/28 全球购物
初中地理教学反思
2014/01/11 职场文书
教师现实表现材料
2014/02/14 职场文书
企业党员个人自我评价
2014/09/20 职场文书
超级实用!五步法则,教你写好年终工作总结
2019/12/05 职场文书