微信小程序js获取元素怎么实现?

　　微信小程序js获取元素怎么实现?在接下来的内容中，小编会为大家介绍微信小程序js获取元素的内容，各位微信小程序开发者，如果你想知道微信小程序js怎么获取元素，那就往下看看吧。

　　微信小程序js获取元素怎么实现?

　　1、从0开始写小程序(一)点击事件，获取元素id，小程序页面传值

　　不是专业程序员，突然就想研究一下微信小程序的开发，开发一个实时的菜价系统小程序，新手一个，什么都不懂，就从0开始，所以小编专门整理了以下内容：

　　首先遇到的问题就是参数传递;

　　小程序里的点击触发事件、微信小程序js如何获取元素id、如何吧值传递到下一个页面例：wxml里：

　　catchtap是点击触发.触发的内容是等于号后面“”里的函数方法js里：

　　gotoresult:

　　function (e) {

　　var kind = e.target.id

　　console.log(kind);

　　wx.navigateTo({

　　url: '../result/result?kind='+kind});

　　}

　　触发了函数，这里的重点是 通过e.target.id可以获取当前控件的id值，通过wx.navigateTo跳转页面，在url里写参数(如?kind=kind)的方式传递值，在下一个页面里，通过onload里options.kind的方法获取传过来的值，这里的kind即上面写的参数名称，如：

　　onLoad: function (options) {

　　var ta=options.kind;

　　console.log(txt);

　　},

　　2、从0开始写小程序(二)获取小程序js里的数据

　　wxml如何获取js里的数据

　　例：wxml里：

　　{{txt}}text>

　　通过上面的{{txt}}可以对应获取js里data下定义的txt的值js里：

　　data: {

　　txt:{}

　　}

　　首先在data里定义一个“容器”txt：{}，{}内为空代表是从别的地方传值进去，当然{}里也可以直接写数据，如txt：{‘123’}，上面的wxml获取了就相当于 123;通过其他方法传值到容器里用一个this.setData({})的方法，如：

　　onLoad: function (options) {

　　var ta=options.kind;

　　this.setData({

　　txt:ta,

　　})

　　},

　　这样上面data里定义的txt的值就是ta的值了。

　　微信小程序js获取元素怎么实现?以上就是小编对微信小程序js获取元素的介绍了哦，在开发微信小程序的时候如何需要微信小程序js获取元素，那么以上内容会帮到你，请多多关注微小乔。

　　相关推荐：

　　java富有创意的小程序怎么编写？

　　微信小程序商品详情页面怎么制作?

　　营销型微信小程序制作怎么操作？