tnblog
首页
视频
资源
登录

微信小程序中利用DOM获取页面元素的信息

16313人阅读 2019/5/8 11:05 总访问:29490 评论:3 收藏:0 手机
分类: 微信小程序

在js中,我们常常用到类似    $("#id")  这样的代码获得一个页面元素对象  但是在微信小程序中是不支持的,那么我们难免有时候会需要这样一个方法去拿到想要的对象,如下:


  1. //首先给你的元素对象一个id:
  2. <view class="usermotto" style="height:213px;" id='mjltest'/>
  3. //然后在js里,用一个SelectorQuery来选择对应id的节点(注意id前面要加一个#号),就可以获取对应节点的属性,包括高度。
  4. //创建节点选择器
  5. var query = wx.createSelectorQuery();
  6. query.select('#mjltest').boundingClientRect()
  7. query.exec(function (res{
  8. //res就是 所有标签为mjltest的元素的信息 的数组
  9. console.log(res);  
  10. //取高度
  11. console.log(res[0].height);
  12. })



评价

剑轩

2019/5/8 14:37:22

可以可以,小程序上面的dom操作

321321

2019/9/29 10:40:46

小程序不是 双向数据绑定的 谢谢

撸码成魔:@321321误以为是了

2019/11/22 8:44:44 回复

.net core cookie设置DOMain过期时间等

.net core cookie设置domain,过期时间很简单使用CookieOptions对象即可CookieOptionscookieOptions=newCookieOptions(); c...

vue DOM操作

在html中加一个ref属性&lt;divref=&quot;content&quot;&gt; &lt;/div&gt;然后在vue中可以通过这个ref熟悉拿到dom对象,就...

谈谈ShadowDOM

前言:hello,各位老铁们 大家好 好久不见 我还是你们熟悉的小付今天给大家带来的是ShadowDOM的介绍和一些案例说明。正文:...

uni-app DOM操作

比如引入外部js需要用到的dom操作:varscript=document.createElement(&#39;script&#39;); script.src=&quot;http://image....

RanDOM 随机数

1、2.12.2 案例代码

vue触发a标签的点击事件。vue3 DOM操作 触发点击事件 。文件选择库只会触发一次change事件的问题

[TOC]vue触发a标签的点击事件直接操作dom节点的方式比较简单 &lt;button @click=&quot;handleBtnClick&quot;&gt;点击按钮&...

vue报错Error in nextTick: "TypeError: Cannot read properties of undefined (reading 'appendChild')"。vue等DOM加载完成后在执行下面的操作

这种问题通常是因为dom还没有生成就去操作节点了。比如我们使用vue生成二维码,需要放到要给动态生成dom后的节点里边,但是...

vue生成pdf下载。vue把当前页面生成pdf下载。vue根据页面DOM id生成pdf下载。vue pdf导出

思路: 通过 html2canvas 将 HTML 页面转换成图片,然后再通过 jspdf 将图片的 base64 生成为 pdf 文件。[TOC]下载相关依赖...

VUE-ElementUI DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.

这种情况下一般是图片不能跨域引起的。 比如引入了其他网站的图片,或者自己网站的图片也有可能遇到这种情况只要是不允许...

vue3 ref转化成 HTMLElement。vue3通过ref获取DOM节点

vue3其实是可以直接利用ref获取dom节点的,代码如下&lt;template&gt; &lt;div class=&quot;app-container&quot;&gt; ...

vue3 使用 nextTick。数据加载完成后执行方法,DOM加载完成后执行内容

在Vue3中,nextTick的使用方式与Vue2有所不同。在Vue2中,我们通常使用this.$nextTick()来调用nextTick API,而在Vue3中,...
Q:859089450
排名
58
文章
3
粉丝
3
评论
3
微信小程序中利用DOM获取页面元素的信息
321321 : 小程序不是 双向数据绑定的 谢谢
在微信小程序中还原手机淘宝页面
修心 : 不错啊...还原度挺高的
微信小程序中利用DOM获取页面元素的信息
剑轩 : 可以可以,小程序上面的dom操作
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术
就算天塌下来变成一片废墟,他的脸色也不会有丝毫变化。