s 点击a标签 获取a的自定义属性方法_javascript技巧
2017-06-20 14:37
706 查看
今天项目上遇到一个问题,需要在点击a标签时,将完整的内容显示出来
原先是想用jquery的click方法
<a ownattr=“……” onClick="showDetail(this)">哈哈</a>
在jquery的click方法中将this的ownattr属性赋值给完整内容的div标签
然而这却一直行不通
一阵研究后发现,原来项目框架是用jquery ajax获取后台列表信息的,页面在执行到click方法时,ajax还没完成
随后决定采用基本的js
方法:
原先是想用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; //基本属性可以采用此方式获得 }这是要注意使用的是a标签的onclick属性,如果使用<a ownattr=“……” href="javascript:showDetail(this)">哈哈</a> 是获取不到的。
相关文章推荐
- js 点击a标签 获取a的自定义属性方法
- JavaScript获取伪元素(Pseudo-Element)属性的方法技巧
- js 点击a标签 获取a的自定义属性
- JavaScript获取伪元素(Pseudo-Element)属性的方法技巧
- JavaScript获取并更改input标签name属性的方法
- 标签自定义属性,获取和操作的方法封装以及在此基础上对标签原有属性的扩展...
- JavaScript获取并更改input标签name属性的方法
- javascript通过获取html标签属性class实现多选项卡的方法
- jquery的attr方法与ie7不兼容,js获取html标签自定义属性
- javascript通过获取html标签属性class实现多选项卡的方法
- 通过javascript获取HTML标签自定义属性
- HTML标签自定义属性,并怎么获取
- 火狐下获取自定义属性的方法
- 【JSF小记】Managed bean中获取JSF标签自定义属性
- 深入浅出Javascript(三)创建自定义对象以及属性、方法
- 使用js在IE9中获取标签自定义属性
- ASP.Net访问母版页(MasterPage)控件、属性、方法及母版页中调用内容页,获取用户自定义控件里面的子控件的方法
- Android基础教程——在TextView中显示Html 自定义标签,获取标签属性
- [置顶] 深入浅出Javascript(三)创建自定义对象以及属性、方法
- JavaScript获取外部CSS属性方法介绍