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  Error 对象 错误处理
May 18 Javascript
Javascript 页面模板化很多人没有使用过的方法
Jun 05 Javascript
用js判断是否为360浏览器的实现代码
Jan 15 Javascript
JavaScript实现LI列表数据绑定的方法
Aug 04 Javascript
JavaScript的Backbone.js框架入门学习指引
May 07 Javascript
AngularJS中一般函数参数传递用法分析
Nov 22 Javascript
Javascript实现跨域后台设置拦截的方法详解
Aug 04 Javascript
BootStrap自定义popover,点击区域隐藏功能的实现
Jan 23 Javascript
node.js 模块和其下载资源的镜像设置的方法
Sep 06 Javascript
Vue项目自动转换 px 为 rem的实现方法
Oct 29 Javascript
ES6入门教程之变量的解构赋值详解
Apr 13 Javascript
vue中使用腾讯云Im的示例
Oct 23 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
我的论坛源代码(十)
2006/10/09 PHP
phpExcel导出大量数据出现内存溢出错误的解决方法
2013/02/28 PHP
php+js实现异步图片上传实例分享
2014/06/02 PHP
微信公众平台实现获取用户OpenID的方法
2015/04/15 PHP
php 反斜杠处理函数addslashes()和stripslashes()实例详解
2016/12/25 PHP
PHP面向对象之工作单元(实例讲解)
2017/06/26 PHP
php 函数中静态变量使用的问题实例分析
2020/03/05 PHP
js 使用form表单select类实现级联菜单效果
2012/12/19 Javascript
jQuery右侧选项卡焦点图片轮播特效代码分享
2015/09/05 Javascript
js带前后翻页的图片切换效果代码分享
2015/09/08 Javascript
jquery中object对象循环遍历的方法
2015/12/18 Javascript
基于javascript实现表格的简单操作
2016/05/21 Javascript
js 函数式编程学习笔记
2017/03/25 Javascript
Angularjs 与 bower安装和使用详解
2017/05/11 Javascript
vue+mousemove实现鼠标拖动功能(拖动过快失效问题解决方法)
2018/08/24 Javascript
jQuery实现checkbox全选、反选及删除等操作的方法详解
2019/08/02 jQuery
微信头像地址失效踩坑记附带解决方案
2019/09/23 Javascript
vue实现element表格里表头信息提示功能(推荐)
2019/11/20 Javascript
微信小程序用canvas画图并分享
2020/03/09 Javascript
[52:02]DOTA2-DPC中国联赛 正赛 Phoenix vs Dragon BO3 第二场 2月26日
2021/03/11 DOTA
正确理解python中的关键字“with”与上下文管理器
2017/04/21 Python
Python读取word文本操作详解
2018/01/22 Python
Python设置在shell脚本中自动补全功能的方法
2018/06/25 Python
python实现时间o(1)的最小栈的实例代码
2018/07/23 Python
Python脚本完成post接口测试的实例
2018/12/17 Python
python三方库之requests的快速上手
2019/03/04 Python
Python文件打开方式实例详解【a、a+、r+、w+区别】
2019/03/30 Python
python hashlib加密实现代码
2019/10/17 Python
python类中super() 的使用解析
2019/12/19 Python
安全员岗位职责
2013/11/11 职场文书
企业法人代表任命书
2014/06/06 职场文书
我的大学四年规划书范文2014
2014/09/26 职场文书
市委常委会班子党的群众路线教育实践活动整改方案
2014/10/25 职场文书
建房合同协议书
2016/03/21 职场文书
2016年感恩父亲节活动总结
2016/04/01 职场文书
pytorch通过训练结果的复现设置随机种子
2021/06/01 Python