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 相关文章推荐
各种常用浏览器getBoundingClientRect的解析
May 21 Javascript
用cssText批量修改样式
Aug 29 Javascript
Jquery操作Select 简单方便 一个js插件搞定
Nov 12 Javascript
最好用的省市二级联动 原生js实现你值得拥有
Sep 22 Javascript
js改变文章字体大小的实例代码
Nov 27 Javascript
利用浏览器全屏api实现js全屏
Jan 16 Javascript
AngularJS入门教程之学习环境搭建
Dec 06 Javascript
jQuery实现按键盘方向键翻页特效
Mar 18 Javascript
获取阴历(农历)和当前日期的js代码
Feb 15 Javascript
微信小程序 input输入框控件详解及实例(多种示例)
Dec 14 Javascript
JS如何实现在弹出窗口中加载页面
Dec 03 Javascript
JavaScript原型链中函数和对象的理解
Jun 16 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递归列出所有文件和目录的代码
2008/09/10 PHP
PHP中“=&gt;
2019/03/01 PHP
PHP封装XML和JSON格式数据接口操作示例
2019/03/06 PHP
php session_decode函数用法讲解
2019/05/26 PHP
php 使用ActiveMQ发送消息,与处理消息操作示例
2020/02/23 PHP
Mootools 1.2教程 Tooltips
2009/09/15 Javascript
基于JQuery的asp.net树实现代码
2010/11/30 Javascript
jQuery前台数据获取实现代码
2011/03/16 Javascript
js 点击页面其他地方关闭弹出层(示例代码)
2013/12/24 Javascript
js查找某元素中的所有图片地址的方法
2014/01/16 Javascript
js图片实时加载提供网页打开速度
2014/09/11 Javascript
JavaScript lastIndexOf方法入门实例(计算指定字符在字符串中最后一次出现的位置)
2014/10/17 Javascript
JavaScript中数据结构与算法(五):经典KMP算法
2015/06/19 Javascript
javascript实现tab切换的两个实例
2015/11/05 Javascript
全面了解addEventListener和on的区别
2016/07/14 Javascript
Bootstrap基本组件学习笔记之按钮组(8)
2016/12/07 Javascript
vue、react等单页面项目部署到服务器的方法及vue和react的区别
2018/09/29 Javascript
在vue中使用express-mock搭建mock服务的方法
2018/11/07 Javascript
element跨分页操作选择详解
2020/06/29 Javascript
[53:29]完美世界DOTA2联赛循环赛 DM vs Matador BO2第二场 11.04
2020/11/05 DOTA
[00:58]PWL开团时刻DAY5——十人开雾0换5
2020/11/04 DOTA
Python模拟登陆实现代码
2017/06/14 Python
详谈Numpy中数组重塑、合并与拆分方法
2018/04/17 Python
Python基于递归算法实现的汉诺塔与Fibonacci数列示例
2018/04/18 Python
python对日志进行处理的实例代码
2018/10/06 Python
tensorflow中tf.slice和tf.gather切片函数的使用
2020/01/19 Python
搭建pypi私有仓库实现过程详解
2020/11/25 Python
支教自我鉴定
2014/01/18 职场文书
十八届三中全会报告学习材料
2014/02/17 职场文书
转让协议书范本
2014/04/15 职场文书
反对邪教标语
2014/06/30 职场文书
小学竞选班干部演讲稿
2014/08/20 职场文书
竞选学委演讲稿
2014/09/13 职场文书
青年文明号创建口号大全
2015/12/25 职场文书
SQL 尚未定义空闲 CPU 条件 - OnIdle 作业计划将不起任何作用
2021/06/30 SQL Server
MySQL新手入门进阶语句汇总
2022/09/23 MySQL