js 点击a标签 获取a的自定义属性方法

 更新时间:2016年11月21日 09:36:36   投稿:jingxian  
下面小编就为大家带来一篇js 点击a标签 获取a的自定义属性方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

今天项目上遇到一个问题,需要在点击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的自定义属性方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • js 判断各种数据类型的简单方法(推荐)

    js 判断各种数据类型的简单方法(推荐)

    下面小编就为大家带来一篇js 判断各种数据类型的简单方法(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • javascript移动开发中touch触摸事件详解

    javascript移动开发中touch触摸事件详解

    这篇文章主要为大家详细介绍了javascript移动开发中touch触摸事件,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • js限制checkbox选中个数以限制六个为例

    js限制checkbox选中个数以限制六个为例

    需要展示多个checkbox复选框,而只能允许最多选6个,下面为大家介绍下如何使用js限制checkbox选中个数,需要的朋友可以参考下
    2014-07-07
  • Rxjs TakeUntil 操作符内容梳理总结

    Rxjs TakeUntil 操作符内容梳理总结

    这篇文章主要介绍了Rxjs TakeUntil操作符内容梳理总结,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-06-06
  • 详解webpack 如何集成第三方js库

    详解webpack 如何集成第三方js库

    这篇文章主要介绍了详解webpack 如何集成第三方js库,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • 基于JS+Canvas的lucky-canvas 抽奖功能

    基于JS+Canvas的lucky-canvas 抽奖功能

    一个基于 Js + Canvas 的大转盘和九宫格和老虎机抽奖,使用lucky-canvas 功能可以自由配置,多端适配的特点,本文通过实例代码给大家详细介绍抽奖方法,感兴趣的朋友一起看看吧
    2022-06-06
  • mpvue微信小程序多列选择器用法之省份城市选择的实现

    mpvue微信小程序多列选择器用法之省份城市选择的实现

    这篇文章主要给大家介绍了关于mpvue微信小程序多列选择器用法之省份城市选择实现的相关资料,文中通过示例代码以及图文介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-03-03
  • JS如何生成动态列表

    JS如何生成动态列表

    这篇文章主要为大家详细介绍了JS如何生成动态列表,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09
  • JavaScript处理变量命名的参数对象

    JavaScript处理变量命名的参数对象

    这篇文章主要介绍了JavaScript处理变量命名的参数对象,在开发过程中,遇到一个给对象赋值的问题,参数是通过循环变量的方式进行处理,接下来详细介绍需要的小伙伴可以参考一下
    2022-06-06
  • JS带你深入领略Proxy的世界

    JS带你深入领略Proxy的世界

    Proxy是es2015 标准规范加入的语法,很可能你只是听说过,但并没有用过,毕竟考虑到兼容的问题,不能轻易地使用Proxy特性。但现在随着各个浏览器的更新迭代,Proxy的支持度也越来越高:而且使用Proxy进行代理和劫持,也渐渐成为了趋势。
    2021-05-05

最新评论