毕业论文写作

毕业设计需求

计算机毕业设计中小程序js如何获取html标签的属性

 在现实开发中,我们经常用到每个button都绑定不同的id(或其他属性),通过点击botton,js捕获该button绑定的id(或其他属性),最后通过ajax post或get这个属性值,就可以请求相应的数据或操作。那么我们如何通过js获取html的属性值呢。有两种形式。

1、在html中属性值是直接定义(非自定义)的

  1. //HTML

  2. <view id="1"   bindtap="kcflClick">

  3.  

  4. //JavaScript

  5. kcflClick: function(e) {

  6.  

  7.    this.setData({

  8.  

  9.         activeIdx: e.currentTarget.id  //e.currentTarget.id = 1

  10.  

  11.    });

  12.  

  13. }

     

     

2、在html中属性值是自定义的

  1. //HTML

  2. <view  data-aid='1'  bindtap="kcflClick">

  3.  

  4. //JavaScript

  5. kcflClick: function(e) {

  6.  

  7.   this.setData({

  8.  

  9.         activeIdx: e.currentTarget.dataset.aid  //e.currentTarget.dataset.aid = 1

  10.  

  11.     });

  12.  

  13. }

js调用html的自定义属性时比调用非自定义属性多加一个dataset,如e.currentTarget.dataset.aid;在html中定义自定义属性使用data-*,如data-aid

最新毕业设计成品

版权所有© 帮我毕业网 并保留所有权利

QQ 1370405256 微信 biyebang

QQ:629001810微信:biyebang

收缩