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 相关文章推荐
jquery 合并内容相同的单元格(示例代码)
Dec 13 Javascript
javascript文件中引用依赖的js文件的方法
Mar 17 Javascript
原生javascript实现addClass,removeClass,hasClass函数
Feb 25 Javascript
浅析Bootstrap表格的使用
Jun 23 Javascript
Javascript中数组去重与拍平的方法示例
Feb 03 Javascript
如何开发出更好的JavaScript模块
Dec 22 Javascript
vue实现2048小游戏功能思路详解
May 09 Javascript
vue.js提交按钮时进行简单的if判断表达式详解
Aug 08 Javascript
浅谈Vue数据响应
Nov 05 Javascript
JS判断两个数组或对象是否相同的方法示例
Feb 28 Javascript
JavaScript命名空间模式实例详解
Jun 20 Javascript
vue中activated的用法
Jan 03 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
第十一节--重载
2006/11/16 PHP
php getsiteurl()函数
2009/09/05 PHP
Yii框架在页面输出执行sql语句以方便调试的实现方法
2014/12/24 PHP
PHP7扩展开发之hello word实现方法详解
2018/01/15 PHP
CSS心形加载的动画源码的实现
2021/03/09 HTML / CSS
Jquery easyui 下loaing效果示例代码
2013/08/12 Javascript
js防止DIV布局滚动时闪动的解决方法
2014/10/30 Javascript
最精简的JavaScript实现鼠标拖动效果的方法
2015/05/11 Javascript
使用AngularJS来实现HTML页面嵌套的方法
2015/06/17 Javascript
Node.js的Koa框架上手及MySQL操作指南
2016/06/13 Javascript
jQuery回到顶部的代码
2016/07/09 Javascript
Vue微信项目按需授权登录策略实践思路详解
2018/05/07 Javascript
ant design中upload组件上传大文件,显示进度条进度的实例
2020/10/29 Javascript
python的类方法和静态方法
2014/12/13 Python
Pytorch入门之mnist分类实例
2018/04/14 Python
python range()函数取反序遍历sequence的方法
2018/06/25 Python
python 读取文件并替换字段的实例
2018/07/12 Python
python实现生成字符串大小写字母和数字的各种组合
2019/01/01 Python
如何通过Python3和ssl实现加密通信功能
2020/05/09 Python
Python如何实现定时器功能
2020/05/28 Python
python3.7.3版本和django2.2.3版本是否可以兼容
2020/09/01 Python
Python request post上传文件常见要点
2020/11/20 Python
基于DOM+CSS3实现OrgChart组织结构图插件
2016/03/02 HTML / CSS
波比布朗英国官网:Bobbi Brown英国
2017/11/13 全球购物
Airbnb爱彼迎官网:成为爱彼迎房东,赚取收入
2019/03/14 全球购物
英国领先的互联网葡萄酒礼品商:Vintage Wine & Port
2019/05/24 全球购物
大学生职业生涯规划范文
2014/01/08 职场文书
个人优缺点自我评价
2014/01/27 职场文书
公司年会搞笑主持词
2014/03/24 职场文书
婚前协议书
2014/04/15 职场文书
产品包装策划方案
2014/05/18 职场文书
教师拔河比赛广播稿
2014/10/14 职场文书
贷款担保书
2015/01/20 职场文书
2015年社区中秋节活动总结
2015/03/23 职场文书
劳动争议仲裁代理词
2015/05/25 职场文书
2016年6.5世界环境日宣传活动总结
2016/04/01 职场文书