微信小程序 view的高度是被内容撑开的 怎么获取它的高度

微信小程序 view的高度是被内容撑开的 怎么获取它的高度,第1张

这个代码肯定可以查到的,这是官方查DOM属性的API,查到的属性其实也很有限,但是高度是绝对可以查到的,查不到高度的同学可以去看官方文档!

首先给你的xml对象一个id:

<view class="usermotto" style="height:213px;" id='mjltest'/>

然后在js里,用一个SelectorQuery来选择对应id的节点(注意id前面要加一个#号),就可以获取对应节点的属性,包括高度。

//创建节点选择器

var query = wxcreateSelectorQuery();

queryselect('#mjltest')boundingClientRect()

queryexec(function (res) {

//res就是 所有标签为mjltest的元素的信息 的数组

consolelog(res);  

//取高度

consolelog(res[0]height);

})

1在Word中新建文档,通过页面设置,把打印方向改为横向。如下图所示

2执行“表格/插入/表格”命令,创建一个2行4列的表格。如下图所示:

3在单元格中输入所需的文字内容,得到如下图所示的效果。

4选定表格,执行“表格/表格属性”命令。如下图所示:

5如下图所示单击“选项”按钮。

6选定“允许调整单元格间距”复选框,设置数值4毫米。如下图所示:

7选定表格,将文字字号设置为60磅,并将文字放到单元格正中间,得到如下图所示的效果。

8选点表格,执行“格式/边框与底纹”命令。如下图所示:

9通过“预览”框,取消上、下、左、右外边框,只保留内部框线即可。如下图所示:

10打印预览,就可以看到做好的带框标签效果了。如下图所示:

1、新建一个html文件。

2、为了更好区分,会创建两个按钮标签,然后给这两个按钮标签添加不同的id。

3、引入jquery文件(注:jquery的引入路径一定要正确)。

4、创建加载完成函数,然后创建一个点击按钮获取当前id的函数。

5、保存好html文件后使用浏览器打开,然后点击按钮即可看到点击的id。

6、页面所有代码,如有不懂可把所有代码复制到新建的html文件上,然后修改引入的jquery文件即可。

因为对小程序父标签和子标签的布局还不是特别了解,不像ios,父标签固定,子标签通过mansory去布局距离父的底部多少即可。小程序的我能想到的就是动态算出每一个标签的高度,然后总高度减掉就是想得到的子标签的高度了。如果有哪位大神可以指导一二,感激不尽~~~

<view id='viewID'>

<view id="scriptID">

        var query = wxcreateSelectorQuery();

        //选择id

        queryselect('#numID')boundingClientRect()

        queryselect('#scriptID')boundingClientRect()

        queryexec(function (res) {

          //res就是 所有标签为mjltest的元素的信息 的数组

          consolelog('所有:',res);

          //取高度

          thatsetData({

            storyHeight:thatdatadetailHeight -(res[0]height+res[1]height)

          })

        });

以上就是关于微信小程序 view的高度是被内容撑开的 怎么获取它的高度全部的内容,包括:微信小程序 view的高度是被内容撑开的 怎么获取它的高度、怎么在03版word制作标签高度跟宽度、jQ如何获得网页实际高度等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9792607.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-02
下一篇 2023-05-02

发表评论

登录后才能评论

评论列表(0条)

保存