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 相关文章推荐
解析ScrollPic在ie8下只滚动一遍,然后变为空白 ie6,ie7,chrome,firefox正常
Jun 26 Javascript
Angularjs过滤器使用详解
May 25 Javascript
JavaScript随机打乱数组顺序之随机洗牌算法
Aug 02 Javascript
浅谈javascript:两种注释,声明变量,定义函数
Oct 05 Javascript
JS命令模式例子之菜单程序
Oct 10 Javascript
js控制台输出的方法(详解)
Nov 26 Javascript
全面总结Javascript对数组对象的各种操作
Jan 22 Javascript
vue项目中axios请求网络接口封装的示例代码
Dec 18 Javascript
vue实现扫码功能
Jan 17 Javascript
Vue使用v-viewer实现图片预览
Oct 21 Javascript
详解JavaScript中分解数字的三种方法
Jan 05 Javascript
vue打开新窗口并实现传参的图文实例
Mar 04 Vue.js
浅谈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中getservbyport与getservbyname函数用法实例
2014/11/18 PHP
PHP原生函数一定好吗?
2014/12/08 PHP
php实现指定字符串中查找子字符串的方法
2015/03/17 PHP
浅谈php(codeigniter)安全性注意事项
2017/04/06 PHP
支持汉转拼和拼音分词的PHP中文工具类ChineseUtil
2018/02/23 PHP
showModalDialog 和 showModelessDialog
2007/01/22 Javascript
执行iframe中的javascript方法
2008/10/07 Javascript
Js+Flash实现访问剪切板操作
2012/11/20 Javascript
js向上无缝滚动,网站公告效果 具体代码
2013/11/18 Javascript
jQuery UI结合Ajax创建可定制的Web界面
2016/06/22 Javascript
AngularJS中的表单简单入门
2016/07/28 Javascript
基于JS如何实现给字符加千分符(65,541,694,158)
2016/08/03 Javascript
AngularJS指令中的绑定策略实例分析
2016/12/14 Javascript
整理关于Bootstrap模态弹出框的慕课笔记
2017/03/29 Javascript
详解JS中的attribute属性
2017/04/25 Javascript
微信小程序访问node.js接口服务器搭建教程
2017/04/25 Javascript
基于Bootstrap模态对话框只加载一次 remote 数据的解决方法
2017/07/09 Javascript
jQuery实现的简单获取索引功能示例
2018/06/04 jQuery
JS中创建自定义类型的常用模式总结【工厂模式,构造函数模式,原型模式,动态原型模式等】
2019/01/19 Javascript
详解package.json版本号规则
2019/08/01 Javascript
在vue中使用echars实现上浮与下钻效果
2019/11/08 Javascript
javascript设计模式 ? 组合模式原理与应用实例分析
2020/04/14 Javascript
JS 图片压缩原理与实现方法详解
2020/04/29 Javascript
通过实例了解JS执行上下文运行原理
2020/06/17 Javascript
Python程序设计入门(4)模块和包
2014/06/16 Python
Python3简单实例计算同花的概率代码
2017/12/06 Python
Python设计模式之适配器模式原理与用法详解
2019/01/15 Python
Django 开发调试工具 Django-debug-toolbar使用详解
2019/07/23 Python
500行代码使用python写个微信小游戏飞机大战游戏
2019/10/16 Python
pytorch数据预处理错误的解决
2020/02/20 Python
python3代码输出嵌套式对象实例详解
2020/12/03 Python
英国最大的海报商店:GB Posters
2018/03/20 全球购物
学习十八大宣传标语
2014/10/09 职场文书
教师个人培训总结
2015/02/11 职场文书
办公室主任个人总结
2015/02/28 职场文书
2017大学生寒假社会实践心得体会
2016/01/14 职场文书