本文實例講述了微信小程序dom操作的替代思路。分享給大家供大家參考，具體如下：

創(chuàng)新互聯(lián)專注于企業(yè)成都全網(wǎng)營銷、網(wǎng)站重做改版、桐廬網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5開發(fā)、商城建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù)，價格優(yōu)惠性價比高，為桐廬等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

微信小程序無法操作dom，這意味著之前js中的各種習(xí)慣方法必須換一種思路實現(xiàn)

在嘗試了幾類情況后，發(fā)現(xiàn)部分情況下可以用{{}}變量綁定來實現(xiàn)效果。

比如：

一、實現(xiàn)view的顯示和隱藏

在js中的data設(shè)置變量 bottomHidden1:"block"；

然后在wxml中的view中設(shè)置 ；

在其它我們需要的地方使用bindtap等綁定事件，js中定義該事件的function，使用this.setData修改bottomHidden1變量為none或者block，實現(xiàn)對上文中的bottom1進(jìn)行顯示/隱藏控制

二、實現(xiàn)input中的 placeholder在獲取焦點時清空，失去焦點時顯示

1. 在js中，data中設(shè)置變量 priceHodler:"請輸入價格",

2. 我們可以設(shè)置兩個function控制變量priceHodler的值(此處添加了一種的方法實現(xiàn)輸入框中刪除圖標(biāo)的顯示和消失，所以在data中設(shè)置了變量  clearImg）

 displayImg:function(){
  var imgDisplay="block";
  var holderDisplay ="";
  this.setData({
   clearImg: imgDisplay,
   priceHodler: holderDisplay,
  })
 },
 hiddenImg:function(){
  var imgHidden = "none";
  var holderHidden = "請輸入價格";
  this.setData({
   clearImg: imgHidden,
   priceHodler: holderHidden,
  })
 },

標(biāo)題名稱：微信小程序dom操作的替代思路實例分析-創(chuàng)新互聯(lián)
當(dāng)前網(wǎng)址：http://weahome.cn/article/docjid.html