如何获得按钮的高度以匹配另一个元素的高度？
要获得按钮的高度以匹配另一个元素的高度，可以通过以下步骤实现：
- 使用JavaScript获取目标元素的高度：可以使用
document.getElementById()或其他选择器方法获取目标元素的引用，然后使用offsetHeight属性获取其高度。 - 将获取到的高度应用到按钮元素：使用JavaScript将获取到的高度值应用到按钮元素上，可以通过设置按钮元素的
style.height属性来实现。
以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<style>
#targetElement {
height: 200px;
}
</style>
</head>
<body>
<div id="targetElement">目标元素</div>
<button id="buttonElement">按钮</button>
<script>
// 获取目标元素的高度
var targetElement = document.getElementById('targetElement');
var targetHeight = targetElement.offsetHeight;
// 将目标元素的高度应用到按钮元素
var buttonElement = document.getElementById('buttonElement');
buttonElement.style.height = targetHeight + 'px';
</script>
</body>
</html>在上述示例中，我们首先定义了一个目标元素<div id="targetElement">，并设置其高度为200px。然后，通过JavaScript获取目标元素的高度，并将其应用到按钮元素<button id="buttonElement">上，使按钮的高度与目标元素相匹配。
请注意，以上示例中的代码仅为演示目的，实际应用中可能需要根据具体情况进行适当的调整和优化。
关于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体品牌商，因此无法提供相关链接。但腾讯云提供了丰富的云计算服务，您可以通过访问腾讯云官方网站获取更多信息。
相关·内容
1回答
我有一个按钮放在标签下面，想让它看起来像是标签的延续。我想我可以通过改变按钮的高度来达到这个效果，以匹配UILabel的线条高度。
如何获得UILabel的直线高度？
浏览 2提问于2017-02-01得票数 0
我希望TabView中的实际Tab内容能够锚定或排列到另一个可视元素的底部。在这种情况下，顶部的tabBar将与相关的其他元素重叠。我的问题是，我不知道如何获得TabView的Tab内容的y坐标，也不知道如何获得tabBar中选项卡按钮的高度，这样就可以根据它来抵消对齐。我可以想出两种解决这个
浏览 1提问于2015-10-05得票数 0
回答已采纳
1回答
我目前正在为一个显示生成内容的网页编写一些代码。用类block命名的主容器包含另一个容器，分别命名为container。在容器中，有多个元素，名为object。这两个容器都有一个height: auto; CSS设置，因为高度取决于内部的内容。这个网站的视觉效果是我非常热衷于获得点，我想使用过渡效应，以使容器平稳地改变高度，而不是像平时那样瞬间改变高度。查看此以获得代码/
浏览 1提问于2016-04-29得票数 0
回答已采纳
首先，我知道我的问题的根源是在Javascript中进行舍入，我只是不知道在这个特定的情况下如何减轻它。
我有一个元素，我想让用户通过单击“缩小”按钮来降低高度。缩小后，用户应该能够使用“放大”按钮再次增加元素的高度。重要的是，放大时元素高度的每次增量都应该与缩小时看到的增量相匹配。你会注意到
浏览 31提问于2017-01-23得票数 1
回答已采纳
1回答
我想要的:
我尝试了什么:
似乎没有公共api可以让我获得大纲的高度。如何使我的按钮与轮廓高度相匹配？
浏览 1提问于2019-11-20得票数 2
回答已采纳
无论如何，他已经将twitter的启动按钮类/样式应用到了提交按钮上，但是在Firefox和Chrome中的高度是不同的。有什么解决方法吗？
谢谢!
浏览 1提问于2013-08-21得票数 0
我目前有两个列，在它们之间有另一个列。我想要的是让左边和右边的列在高度上延伸，因为中间的列有更多的内容添加到它。需要注意的是，我不能为父div设置一个精确的高度，然后将左右两列设置为" height : 100%“。这是因为在中心列中可能只有少量的内容，也可能有很多内容。
浏览 0提问于2012-05-05得票数 20
回答已采纳
在单击元素中的按钮时，我希望只显示该元素中的form元素，并自动调整元素的高度，而将其他元素中的form元素隐藏起来，使其他元素的高度保持不变。$('.wrapper').eq(index).children('.commentForm').css({
"display&quo
浏览 0提问于2019-08-19得票数 0
这是我的测试(精简到最小) </button> </body>有什么方法可以匹配按钮高度吗到一个IE7-8输入type=文件浏览按钮的高度？
浏览 3提问于2010-12-29得票数 0
回答已采纳
我有一个imageView，它占据了屏幕的绝大部分，因为我想确保我使用设备的整个宽度，而不丢失任何分辨率(使用方面匹配)。简单地说，我有另一个元素，我想在图像下面放置5个像素；见下面的照片：
请注意照片和"RippleLikes“图标之间不需要的黑色空间。，所以我的问题是：，如何更改imageView的高度约束以匹配它所包含的照片的<
浏览 1提问于2017-02-08得票数 1
当另一个html元素达到一定高度时，我尝试使用JavaScript删除html元素。但是，它要求我继续单击触发代码的按钮，以不断检查该元素的高度是否发生了变化。不管怎么说，这附近有吗？
浏览 3提问于2015-08-01得票数 0
回答已采纳
我用的是反应，打字稿和顺风。我希望一个元素的高度与另一个元素的高度相匹配。它通常很简单，但是我有一个复杂的div结构，所以我不能用正常的方式去做。我尝试的是计算offsetHeight和offsetTopHeight，并设置第二个元素的高度这个值。代码在下面，但我删除了许多其他与此无关的代码，以使你们更容易理解
浏览 14提问于2022-08-05得票数 0
回答已采纳
我正在尝试获得一个元素的高度，这将出现时，鼠标在一个按钮。event){ var height = angular.element(".popover").innerHeight();问题是有时元素的高度在元素出现之前就已经得到了有没有什么办法，我可以运行代码，只有ng-show已经显示了元素？我需要在它出现后尽快获得<
浏览 1提问于2015-01-14得票数 1
4回答
我有一些条件javascript正在运行，以查看哪些表单元素获得某些输入。 pagination : false, slideSpeed: 800
如果单击next按钮</e
浏览 6提问于2014-10-24得票数 4
回答已采纳
1回答
如何在添加RelativeLayout's中的所有视图(即，何时真正可以测量)之后，以编程方式获得它的高度？我以编程方式创建了应该是该RL的子元素的按钮，设置它们的边距和对齐方式，并将它们添加到RL中，这样就可以测量RL的高度。普通rl.getHeight()返回0。View.MeasureSpec.UNSPECIFIED, View.
浏览 3提问于2016-03-19得票数 0
1回答
我是iOS新手，我面临着很难设置自动布局的问题。看了很多视频来学习，但所有的视频都给出了一个具体问题的解决方案。没有视频涵盖了将UI对象设置到其所在位置的所有基本规则&使用适当的流程。我在这里也是这么想的，但我认为苹果让它变得如此困难，或者人们无法正确地解释我。图1：
图2
浏览 2提问于2016-09-14得票数 0
1回答
当我在我的网站上制作一个按钮时，我试图从www.google.com的搜索按钮中获得灵感。因此，使用google chrome作为浏览器，我转到www.google.com，右键单击"Google Search“按钮并选择"Inspect Element”选项。我看到button元素的类是"lsb“，css为这个类的元素指定了30px的高度。这个规范没
浏览 0提问于2011-06-29得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
