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 Event学习第八章 事件的顺序
Feb 07 Javascript
multiSteps 基于Jquery的多步骤滑动切换插件
Jul 22 Javascript
JS:window.onload的使用介绍
Nov 13 Javascript
学习JavaScript鼠标响应事件
Dec 25 Javascript
JS不完全国际化&amp;本地化手册 之 理论篇
Sep 27 Javascript
Vue.js中用webpack合并打包多个组件并实现按需加载
Feb 17 Javascript
详解webpack 配合babel 将es6转成es5 超简单实例
May 02 Javascript
微信小程序顶部可滚动导航效果
Oct 31 Javascript
微信小程序实现折叠面板
Jan 31 Javascript
Vue加载json文件的方法简单示例
Jan 28 Javascript
JQuery Ajax跨域调用和非跨域调用问题实例分析
Apr 16 jQuery
ES6中的class是如何实现的(附Babel编译的ES5代码详解)
May 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+MYSQL的文章管理系统(一)
2006/10/09 PHP
PHP实现的连贯操作、链式操作实例
2014/07/08 PHP
8个PHP数组面试题
2015/06/23 PHP
php文件系统处理方法小结
2016/05/23 PHP
Javascript中定义方法的另类写法(批量定义js对象的方法)
2011/02/25 Javascript
jquery 之 $().hover(func1, funct2)使用方法
2012/06/14 Javascript
JS按字节截取字符长度实例
2013/11/20 Javascript
Javascript堆排序算法详解
2014/12/03 Javascript
谈谈对offsetleft兼容性的理解
2015/11/11 Javascript
B/S(Web)实时通讯解决方案分享
2017/04/06 Javascript
vue+element创建动态的form表单及动态生成表格的行和列
2019/05/20 Javascript
node将geojson转shp返回给前端的实现方法
2019/05/29 Javascript
bootstrap Table实现合并相同行
2019/07/19 Javascript
解决Vue + Echarts 使用markLine标线(precision精度问题)
2020/07/20 Javascript
JavaScript点击按钮生成4位随机验证码
2021/01/28 Javascript
[56:18]VGJ.S vs Secret 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python提取图像的名字*.jpg到txt文本的方法
2018/05/10 Python
Python使用Pickle模块进行数据保存和读取的讲解
2019/04/09 Python
pytorch实现用Resnet提取特征并保存为txt文件的方法
2019/08/20 Python
python用requests实现http请求代码实例
2019/10/31 Python
使用OpenCV-python3实现滑动条更新图像的Canny边缘检测功能
2019/12/12 Python
Python3的socket使用方法详解
2020/02/18 Python
英国设计的甲板鞋和船鞋:Chatham
2018/12/06 全球购物
汽车检测与维修专业求职信
2013/10/30 职场文书
教师职称自我鉴定
2014/02/12 职场文书
导师评语大全
2014/04/26 职场文书
银行求职信范文
2014/05/26 职场文书
应届生自荐书
2014/06/23 职场文书
机械工程及其自动化专业求职信
2014/08/08 职场文书
珠宝的促销活动方案
2014/08/31 职场文书
信用卡逾期证明示例
2014/09/13 职场文书
2014年学校工会工作总结
2014/12/06 职场文书
2015年学校教育教学工作总结
2015/04/22 职场文书
2015年小学一年级班主任工作总结
2015/05/21 职场文书
HAM-2000摩机图
2021/04/22 无线电
Django+Celery实现定时任务的示例
2021/06/23 Python