在现实开发中,我们经常用到每个button都绑定不同的id(或其他属性),通过点击botton,js捕获该button绑定的id(或其他属性),最后通过ajax post或get这个属性值,就可以请求相应的数据或操作。那么我们如何通过js获取html的属性值呢。有两种形式。
1、在html中属性值是直接定义(非自定义)的
//HTML
<view id="1" bindtap="kcflClick">
//JavaScript
kcflClick: function(e) {
this.setData({
activeIdx: e.currentTarget.id //e.currentTarget.id = 1
});
}
2、在html中属性值是自定义的
//HTML
<view data-aid='1' bindtap="kcflClick">
//JavaScript
kcflClick: function(e) {
this.setData({
activeIdx: e.currentTarget.dataset.aid //e.currentTarget.dataset.aid = 1
});
}
js调用html的自定义属性时比调用非自定义属性多加一个dataset,如e.currentTarget.dataset.aid;在html中定义自定义属性使用data-*,如data-aid