微信小程序获取dom元素

这篇具有很好参考价值的文章主要介绍了微信小程序获取dom元素。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

微信小程序不支持document.querySelect获取元素,它内置了获取元素的两种方法,第一种是通过
wx.createSelectorQuery()获取dom元素,第二种时给想要使用的对象绑定事件,输出e对象,就能拿到该对象的一些信息

先在页面上定义一个view标签

var query = wx.createSelectorQuery();
    query.select('.v1').boundingClientRect();
    query.exec(function (res) {
      //res就是 所有标签为v1的元素的信息 的数组
      console.log(res);  
      //取高度
      console.log(res[0].height);
      })

微信小程序获取dom,微信小程序,小程序

 文章来源地址https://www.toymoban.com/news/detail-717370.html

到了这里,关于微信小程序获取dom元素的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 小程序获取窗口宽高和dom元素

    wx.getSystemInfoSync().windowWidth // 获取当前窗口的宽度 wx.getSystemInfoSync().windowHeight // 获取当前窗口的高度 wx.getSystemInfoSync().model // 获取当前采用的设备 wx.getSystemInfoSync().pixelRatio wx.getSystemInfoSync().language // 获取当前所采用的的语言 wx.getSystemInfoSync().version // 获取当前设备的版本 ==

    2024年02月15日
    浏览(47)
  • 微信小程序通过createSelectorQuery获取元素 高度,宽度与界面距离

    小程序官方有提供给我们一个 const query = wx.createSelectorQuery() 函数 我们可以先编写这样一段代码 wxml 这里 我们定义了 多块 view 都用 行内样式设置了它的 高度和宽度 js编写代码如下 我们运行代码 并点击按钮 点击查看 这里 我们获取了所有 类名中包含 textIn 的元素 并输出 这里

    2024年02月05日
    浏览(63)
  • 微信小程序可以进行dom操作吗?

    小程序不能使用各种浏览器暴露出来的 DOM API,进行 DOM 选中和操作 原因:在小程序中,渲染层和逻辑层是分开的,分别运行在不同的线程中,逻辑层运行在 JSCore 中,并没有一个完整浏览器对象,因而缺少相关的DOM API和BOM API。 因为JavaScript是可操纵DOM的,如果JavaScript线程和

    2024年02月09日
    浏览(35)
  • uniapp中获取dom元素的方法,更改dom元素颜色(遇坑记录)

    最近写uniapp,遇到一个需要获取到页面中dom元素,我第一反应是使用this.$ refs进行获取,于是我开心的使用this.$refs写了很多代码,使用h5调试的过程中没有发现任何问题,但后来真机调试的时候发现在app端无效,于是我查看文档发现了: 非H5端只能用于获取自定义组件,不能

    2024年01月16日
    浏览(35)
  • 微信小程序如何及时获取页面循环元素的宽度、高度、距离左边值、函数自调、类似递归、闪屏、selectAll、exec、globalData、map、scroll-view

    distanceLeft :定义一个数组存储各个循环元素距离左边的值。 isPage :控制页面显示与隐藏。 scrollLeft :动态设置滚动距离。 isAactivity :存储 tabBar 对应 id 值。因为从 tabBar 页面跳转到 tabBar 页面时不能在路径上携带参数,所以此参数存储在全局变量中。 在微信小程序中使用

    2024年02月13日
    浏览(55)
  • 2.获取DOM元素

    获取DOM元素就是利用JS选择页面中的标签元素 语法: 参数: 包含一个或多个有效的CSS选择器 字符串 返回值: CSS选择器匹配的第一个元素,一个HTMLElement对象。 如果没有匹配到,则返回null。 语法: 参数: 包含一个或多个有效的CSS选择器 字符串 返回值: CSS选择器匹配的 NodeList 对象

    2024年02月15日
    浏览(40)
  • javaScript:DOM元素的获取(静态/动态获取)

    目录 一.dom元素获取的意义与使用场景  使用场景(绝大多数js操作都需要dom操作) 总结/疑问解答!  二.DOM元素获取的常用方法(重点) 获取dom元素(动态) document.gerElementbyId() document.gerElementsBytagName() document.gerElementsByclassName() document.gerElementsByname()通过name属性查找元素 获

    2024年02月09日
    浏览(51)
  • JavaScript---获取、修改DOM元素

    1. 获取元素 1.1.  获取第一个元素,一个HTMLElement对象,可以修改   document.querySelector(\\\'css选择器\\\')    1.2. 获取多个元素,一个HTMLElement对象,不可以修改,得到的是伪数组 document.querySelectorAll(\\\'css选择器\\\')   2. 操作元素内容 2.1. 元素.innerText      只显示纯文本,不解析标签 

    2024年02月15日
    浏览(40)
  • uniapp获取dom某个元素

    uniapp中想要获取dom元素不能像pc端那样获取 虽然dom元素是获取到了,但不同于pc端那样,获取到的元素属性和方法少很多:  只有这么几个属性,click点击方法都没有,可能是考虑到多端适配的问题

    2024年02月13日
    浏览(41)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包