我希望使用javascript获取响应性div的高度，并在另一个div中使用输出。但我对javascript一点也不擅长.
到目前为止，我想出的是：
<script language="JavaScript">
var offsetHeight = document.getElementById("myDiv").offsetHeight;
var curr_width = parseInt(offsetHeight.style.height);
offsetHeight.style.height = (offsetHeight);
</sc
浏览 5提问于2016-03-08得票数 3
回答已采纳
我有以下HTML：
<div>
<div id="a" class="grid_6" style="background-color: #ff00ff">
<div class="block-border">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standa
浏览 12提问于2013-02-13得票数 0
回答已采纳
我有这样的结构，
<div id="A">
<div id="A1">
<div id="B1"></div>
<div id="B2"></div>
</div>
<div id="A2"></div>
</div>
A2和B2中有表，B1只是4个复选框。
我希望A1和A2在页面上占50/50 %，它现在运行得很好。但是当有人调整浏览器窗口的大小时，我的A1会得到更多的高度
浏览 4提问于2014-08-23得票数 0
我试图在React中从子组件内部的父组件调用方法。这是我的父组件的代码：
import Video from 'Video/Video';
class CaseHeader extends React.Component {
constructor(props) {
super(props);
// Bind functions
this.videoComponentDidMount = this.videoComponentDidMount.bind(this);
}
videoComponentDidMount() {
c
浏览 2提问于2017-09-04得票数 0
回答已采纳
1回答
我目前正在尝试写一个切换菜单脚本。
大部分的未来都很好但是..。
这是我的回收站：
我使用媒体查询来进行不同的布局，
想法是..。我试着让菜单扩展到小于500px的屏幕宽度，
当屏幕尺寸超过500px时，不要改变任何东西。
但是，当屏幕尺寸从小到宽超过500px时，
如果我点击此按钮，切换菜单仍会扩展。
ps(在这种情况下高度是固定的，但在我正在工作的项目中，它们是只有宽度百分比固定的图片)
所以，我想知道是否有任何方法可以在每次更改窗口大小时动态地检索元素的高度。
我知道可能有一些js库，可以轻松地解决这个问题。
但是在我开始使用它们之前，我真的想知道一些js基础。
为你腾出时间！
浏览 0提问于2016-09-08得票数 0
3回答
我有个小密码：
NSString *size = [LabelNewContent stringByEvaluatingJavaScriptFromString:@"return Math.max(
document.body.scrollHeight, document.documentElement.scrollHeight,
document.body.offsetHeight, document.documentElement.offsetHeight,
document.body.clientHeight, document.documentElement.clien
浏览 3提问于2013-08-26得票数 0
回答已采纳
1回答
当我试图到达函数之外的offsetHeight和offsetWidth时，我得到了下面添加的错误。我怎么才能修好它？
function WH() {
const onImgLoad = ({ target: x }) => {
const { offsetHeight, offsetWidth } = x;
console.log(offsetHeight, offsetWidth);
};
return (
<div>
&l
浏览 1提问于2022-08-30得票数 0
我尝试实现的内容如下所示：
在这里，在增加浏览器窗口的高度之后：
容器(在红色边框中)占据浏览器窗口高度的固定百分比。表单元素也应该占据容器的固定百分比，但只能通过更改"Content“文本区域的高度来实现。
这个是可能的吗？
浏览 0提问于2019-01-01得票数 0
我有一个顶部固定的标题，它的高度根据它携带的额外和可扩展行的数量而变化。然后，我需要将另一个<main>元素向下推，它相当于.base + .row元素(而不是.expandable)的高度。高度可以根据浏览器窗口大小变化，因此需要响应。
就像这样：
<app-header></app-header>
<main>Some content</main>
<app-header>模板
<header>
<section class="base">First row</s
浏览 4提问于2017-04-30得票数 1
function getHeight(element) {
console.log(element);
var offsetHeight = document.getElementsByClassName(element).offsetHeight;
console.log(offsetHeight);
}
getHeight("card-1");
虽然它正确地使用document.getElementsByClassName(element)将元素打印到控制台，但我无法访问offsetHeight属性，即使使用document.getElementsB
浏览 10提问于2015-01-09得票数 0
回答已采纳
两天前，我遇到了一个问题，我需要从另一个域获取iframe的高度，然后在父域捕获它，以显示iframe，而不是滚动条。
我就这样解决了。
PostMessage函数位于子域，将div的高度发送给父域。
window.onload = function () {
var offsetHeight = document.getElementById('LoanToggler').offsetHeight;
parent.postMessage(offsetHeight ,"*");
};
父域的函数捕获来自子域的消息。
var myEventMethod
浏览 2提问于2017-02-09得票数 0
回答已采纳
我试图在模板中引用组件的元素，其高度始终为0。
export class LoginComponent {
@ViewChild("loginForm", {read: ElementRef})
loginForm;
constructor() {}
ngAfterViewInit() {
console.log("form height: ", this.loginForm.nativeElement.offsetHeight);
}
click() {
console.log("form height:
浏览 4提问于2017-01-19得票数 7
回答已采纳
我是JavaScript的新手，正在练习。我试图显示h1和p元素的合并高度，它们位于类名为"test“的div中。我查过各种各样的东西，感觉自己已经很接近了，但不能完全做到这一点。有人能帮忙吗？
HTML:
<div class="test">
<h1>Understanding Scope</h1>
<p>By understanding code's <em>scope</em>, we know when that code affects only one part
浏览 5提问于2015-05-28得票数 0
回答已采纳
我试图匹配每一个幻灯片的高度，根据最高的一个。我看到我可以使用“offsetHeight”，但是当代码加载时，这是一组高度。当窗口/外部div发生变化时，我想使其可修复(我使用的是柔性盒作为外部)。
$(document).ready(function() {
var offsetHeight = document.getElementsByClassName('highest').offsetHeight;
$('carousel > div').style.height = offsetHeight + 'px';
});
浏览 3提问于2019-06-21得票数 0
回答已采纳
3回答
如果我有一个文本列表，例如<br>abc<br>de<br>fghij,<br>和style="width:auto; height:auto;"
如何在浏览器调整其大小后才能获得它的宽度和高度，只使用JavaScript (最好不是jQuery)?
blah.style.width和blah.style.height返回空字符串。在使列表可见之前，我想得到这些值，但是如果需要的话，我可以在屏幕上显示它。
浏览 5提问于2016-06-23得票数 0
1回答
所以我遇到了这个问题，我似乎不知道该如何使列表的高度等于该行中最高的那个。我让它工作，但是它使所有列出的高度与最高的高度相同。这是我到目前为止拥有的代码：
var max = -1;
var list = document.getElementsByTagName('li');
Array.prototype.forEach.call(list, function(child) {
max = max > child.style.height ? max : child.offsetHeight;
console.log(child.offsetHeig
浏览 0提问于2017-11-07得票数 2
var test = document.getElementById('test');
console.log(test.offsetHeight);
<div style="height: 30px;" id="test">
<p>ffffffffff</p>
<p>gggggggggg</p>
<p>aaaaaaaaaa</p>
<p>dddddddddd</p>
</div>
正如您所看到的，test
浏览 4提问于2017-05-09得票数 2
我正在编写一个测试Angular 5指令的单元测试，该指令使用document.querySelectorAll来选择一些元素。我创建了下面的模拟服务，它返回满足selector标准的div元素。
class MockDocumentService {
querySelectorAll(selector: string) {
const doc = document.implementation.createHTMLDocument('');
doc.open();
doc.write(`<html><body><div
浏览 0提问于2018-05-17得票数 1
2回答
我这里有这段代码...
<div class="pics2">
<div style="position: absolute; top: 0px; left: 0px; display: block; z-index: 4; opacity: 1; width: 225px; height: 200px;"> // this div is generated via jQuery Plugin
<div style="display:table-cell; vertical-align:middle; height:20
浏览 0提问于2012-05-07得票数 3
回答已采纳
假设我有一个<div>我希望集中在浏览器的显示。为此，我需要计算<div>元素的宽度和高度。
我应该使用什么？请包括浏览器兼容性的信息。
浏览 445提问于2017-12-18
1回答
相对高度与流体绝对转变的固定侧杆
、、、、
我期待实现一个固定的侧边栏，将滚动到底部的div，然后将改变为一个绝对定位的元素，以阻止它继续向下的页面。
当你向上滚动时，侧边栏返回到固定位置。侧栏需要继承与它旁边的列相同的高度，以便固定的边栏看起来不奇怪。当调整屏幕大小时，侧栏的大小需要更改，以便与列匹配。
到目前为止，我已经能够：
生成继承列高度并将其应用于div的代码。
使重新计算窗口高度的代码调整大小。
使从固定->更改定位的代码成为绝对代码，反之亦然
我已经让代码计算出div应该滚动多远，但是这是我遇到问题的地方：
我需要它来更新它相对于窗口调整大小的侧边栏的滚动距离(我认为这意味着在调整大小的内部再
浏览 2提问于2017-07-13得票数 0
回答已采纳
1回答
我有一个启用了水平滚动的div (overflow-x: scroll；overflow-y:隐藏；)。问题是，我想保持水平滚动，但我不想显示滚动条。在iOS中，它工作得很好，但安卓设备上显示的是:-\
谢谢!
浏览 3提问于2013-10-29得票数 0
我正在构建一个网页，在屏幕的一半上有一个表单，另一半上的预览在用户滚动表单时保持不变，所以当他们更改表单上的值时，滚动后的预览也会发生变化。以下是我到目前为止拥有的代码：
<div id="forms" style="float: left; text-align: center; margin-left: 0%; width: 50%; color: #ffffff; font-family: courier; size: 3;">
<form enctype="text/plain" styl
浏览 0提问于2014-10-17得票数 0
好吧，我知道这里有很多问题，应该是重复的，但老实说，我读了很多，每一个都有它的具体案例/标记-我仍然不能正确的.
我在一个小部件区域有一个很小的图像，可能有很长的文本。我需要使中心对齐，当文本高于图像时，仍然保持对中对齐(即使“更高”则图像)-
小提琴在这里：
我正在寻找一个通用的解决方案，跨浏览器和没有表。
编辑I
在更新了答案之后，我偶然发现了一个可能的黑客(jQuery)。
这个脚本要做的是将有问题的元素封装在表标记中，从而将它们转换为IE的实际表。
所以假设我们
.table { display: table; }
.trow { display: table-row; }
浏览 5提问于2012-06-23得票数 0
回答已采纳
如果我写Math.max(el.scrollHeight, el.offsetHeight, el.clientHeight)，这个值是否总是等于el.scrollHeight 通常是clientHeight <= offsetHeight <= scrollHeight。html元素使用clientHeight > offsetHeight的情况很少见，但我不确定scrollHeight是否会比其他两个元素小。
浏览 47提问于2021-09-23得票数 2
我正在使用谷歌Chrome10和编写JavaScript来检测滚动结束。
为了检测window的滚动结束，下面的代码运行良好：
window.addEventListener(
'scroll',
function()
{
var scrollTop = document.documentElement.scrollTop ||
document.body.scrollTop;
var offerHeight = document.body.offsetHeight;
var cli
浏览 2提问于2011-04-03得票数 13
回答已采纳
很难检测到文件的底部。尝试以下代码：
let bottomOfWindow = document.documentElement.scrollTop + window.innerHeight === document.documentElement.offsetHeight
如果是true，我将启动我的自定义函数。但这从来不是真的，因为它不可能是100%的平等，因为：
console.log(document.documentElement.scrollTop + window.innerHeight + ' and document height is ' + documen
浏览 0提问于2018-09-30得票数 1
回答已采纳
4回答
这个是可能的吗？我需要这个，如果一个div的高度变大，另一个也应该这样做。不过，这两个孩子的父母都不一样。这是我的标记：
<div class="aProductHeader">
<div class="omschrijving">
<h3>omschrijving</h3>
</div>
</div>
<div class="aProduct">
<div class="omschrijving"&g
浏览 1提问于2014-05-16得票数 1
回答已采纳
2回答
我使用JQuery开发了一个网站，并使用JQuery命令在页面上应用了所有样式，这样我就可以使用从javascript函数(如window.innerHeight )中提取的数字来计算属性值。它工作得很好。但现在我正试图计算文档的高度(请注意，不是窗口高度)，减去页脚的高度，并将“阴影”图像定位在页脚的正上方。然而，我在这方面遇到了麻烦，因为Safari似乎错误地计算了这个数字和阴影元素的位置，似乎每次都会得出一个略有不同的位置。
$("div#shadowBottom").css({
"position":"absolute",
"to
浏览 0提问于2014-08-25得票数 0
var div = document.getElementById('foo');
console.log(div);
console.log(div.scrollHeight);
当我单击控制台中的第一个日志返回的div的DOM时，它的scrollHeight是x，而第二个日志则打印出y；x != y。
浏览 4提问于2017-04-13得票数 6
回答已采纳
1回答
我使用jQuery将一个iframe附加到一个div中。我想让它取div的全宽/全高。这个是可能的吗？
浏览 1提问于2011-07-06得票数 0
2回答
我尝试获取div的高度，然后根据高度对其进行定位。我读过很多关于这方面的文章，但我似乎总是会得到NaN。是的，在绘制div之后，在主体的末尾加载javascript。
我正在使用asp.net动态创建这个javascript。到目前为止，我得到的输出是：
var resultsDiv = document.getElementById('resultsDiv');
var resultsInnerDiv = document.getElementById('resultsInnerDiv');
resultsInnerDiv.innerHTML = "t
浏览 0提问于2013-01-05得票数 2
回答已采纳
1回答
我正在尝试验证特定的div是否具有滚动条，如何使用Selenium进行验证？元素：
<div class="checkout-mini-cart">
代码：
JavascriptExecutor jsExecutor = (JavascriptExecutor)webDriver;
String script = "var div = document.getElementsByClassName('.checkout-mini-cart');" +
"return div.scrollHeig
浏览 19提问于2018-01-31得票数 5
回答已采纳
这段代码有什么问题？渲染后，div元素的滚动必须在div元素的底部。函数后scrollTop不保存值
<main>
<div v-if="messages">
<ul ref="messagesContainer">
<li v-for="message in messages" :key="`${message.text}.${message.username}`">
<Message :message="message"
浏览 0提问于2020-07-10得票数 1
我正在创建一个指令，其中我需要三个价值观-
scrollTop
offsetHeight
scrollHeight
ProjectModule.directive(‘scroll’，函数($window) {返回{限制：'A'，链接:函数(作用域，elem，attrs) { var rawElement = angular.element($window)；angular.element($window).bind(‘滚动’，函数() { var scrollTop = rawElement.scrollTop()；var offsetHeight = rawEle
浏览 2提问于2014-10-15得票数 2
我知道这是一个正确的复制，但我无法从其他一些答案得到正确的！真希望你能帮上忙！
我只想获得元素的宽度，然后将其赋值给同一元素的高度。
但我似乎无法通过宽度..。我真的不知道为什么-只是得到和“未定义”。
在元素被添加到DOM之前，阅读一些关于js要求宽度的内容，但是无论我把"onload“放在哪里，把js脚本放在哪里，它似乎都没有什么区别，而且我仍然可以将静态高度添加到相同的元素中，但是无法获得宽度！谢谢!
var width_ele = document.getElementsByClassName("image");
var width = width_ele[0]
浏览 7提问于2015-06-11得票数 1
回答已采纳
是否可以检测内容是否适合于宽度和高度固定的div？例如，我能做一些类似的事情吗
theString = "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
if (document.getElementById("box").wouldOverflowWithContent(theString)){
/*Do stuff*/
}
我不能只计算出盒子里会有多少字母，因为盒子的大小取决于屏幕大小()。提前谢谢。顺便说一下，我可以使用jQuery。
浏览 2提问于2015-04-05得票数 0
回答已采纳
目前，我正试图将此JavaScript代码放入我的聚合物元素中，但是，由于"Uncaught :无法读取属性'offsetHeight‘of null“的错误，它总是失败。
JavaScript代码：
addEventListener('WebComponentsReady', function() {
var appHeader = document.querySelector('app-header');
var bgHeader = document.querySelector('.bg-header');
var app
浏览 4提问于2017-06-25得票数 0
回答已采纳
我需要获得div的offsetHeight，以便设置另一个div的max-height.px，使其在内容overflow-y上可滚动。
问题是，当我得到div的offsetHeight时，它还没有完成呈现，因此第一次返回0。然后，通过滚动页面并点击这里和那里，它将使用正确的max-height值重新呈现。
在返回offsetHeight值之前，如何等待/监视第一个div的完整呈现？
这是我的代码：
<tbody>
<tr *ngFor="let asset of assets; trackBy: trackByID">
<td>{{a
浏览 3提问于2022-05-11得票数 0
感谢你阅读这篇文章。
我正在尝试获取父元素的.offsetHeight，这样我就可以使用它自动调整子元素的边距，以便正确地对齐。
可以将.offsetHeight的结果应用到方程式中吗？
谢谢!
浏览 0提问于2018-09-10得票数 0
我有“P元素”。因此，每个元素的高度可以高于另一个元素。所以我希望所有的高度都是相同的高度，但每一个最高的高度。
我没有错误，但不起作用。
const getHeightAndSetNewHeight = () => {
const k = document.querySelectorAll('.kamera');
k.forEach(e => {
if(Math.max(Number(e.offsetHeight))) {
e.style.height
浏览 9提问于2022-01-27得票数 -1
2回答
问候和哈罗
我正试图把wordpress网站放在一起，因为主div中的内容将是一个不同的高度，每一页我都需要导航侧边栏来延伸到相同的高度。
因此，使用一些javascript愚蠢的方法，我可以通过下面的代码使侧栏的高度保持在相同的高度
function adjust(){
hgt=document.getElementById('content').offsetHeight;
document.getElementById('sidebar').style.height=hgt+'px';
}
window.onload=adj
浏览 1提问于2010-03-27得票数 1
我需要用Javascript计算这个div的高度。
当我写这个脚本的时候：
function getMainDivHeight() {
var num = document.getElementById('up_container').style.height;
return num;
}
此脚本返回auto
我需要div更改后的高度。
谢谢！！！
浏览 2提问于2011-05-03得票数 3
回答已采纳
2回答
我正在尝试使用JS工作表来制作一个按钮，当按下按钮时，会使正方形增加50个像素(包括高度和宽度)。我想通过一个数学运算符(加法)来完成这个任务，而不是声明一个新的值，这样按钮就可以被多次按下。
这是一个结合多种编码语言的练习。我可以根据需要更改HTML以使其正常工作。另外，最初的练习是使按钮只工作一次(因此设置一个新的像素大小很容易。)
下面是我正在使用的HTML和JavaScript：
document.getElementById("button1").addEventListener("click", growByFifty);
function g
浏览 0提问于2019-07-19得票数 0
回答已采纳
理想情况下，我想加载我的ppt和pdf文件到一个没有边框或分隔符的网页视图中。我不相信这是可能的。所以这个问题解决了在ppt文档中优雅地处理分隔符的问题。
我正试图滚动通过一个ppt来进行我自己的寻呼。我试过使用webview的滚动视图的内置分页功能，但这不起作用。使用这种方法很难计算分隔线高度，并且分隔线始终存在。
目前，我正在测试一个31页的幻灯片。有时，一些分隔线会显示在top视图的顶部。(第15、24、25、26页)
pptx的纵横比为16x9。我的网页视图是1024x576，我假设这是网页视图中幻灯片的大小。
我计算除法器大小如下所示。
文档加载时的高度为18069。
18069/5
浏览 0提问于2012-02-20得票数 0
1回答
画布高度以配合内容
、、、
我问了一个类似的问题，它被贴上了“欺骗”的标签，尽管我的问题没有得到回答。
编辑:被骗的是stackoverflow.com/questions/17211920/make-canvas-height-auto
我正在使用画布打印一个热收据，正如您可能想象的那样，收据可以是不同的高度，取决于它上有多少物品。
因此，我需要画布来调整内容.
我知道canvas.height = window.innerHeight和类似的东西，但我看不出这对我有什么帮助。
html
<body onload='onDrawReceipt(shipment, returns, company, cus
浏览 2提问于2015-02-26得票数 5
2回答
所以，基本上，我想要做的是使用javascript来获取"body“的高度和"div class= main -容器”的高度，那么如果主容器中的内容足够大，导致“主容器”的高度大于"body“的高度，我想要的位置是:固定的；”.fo脚-节“上的属性被更改为:相对的；这样它就不会重叠内容，而是在页面末尾”消失“，只有当你向下滚动时才能看到。我不确定我是否在javascript或CSS中做错了什么，或者两者都做错了？
我在这里编了个小玩意：
首先是javascript：
function resizeFunction() {
var x = document.getElem
浏览 5提问于2016-12-28得票数 0
回答已采纳
我有一个如下的元素
<div id="loadNavigation" style="width:20%"></div>
<div id="loadContent" style="width:80%"></div>
基本上，导航在左边，内容在右边。
现在，我在页面加载时动态调整loadContent和loadNavigation的大小，使其达到浏览器窗口高度的最小高度。尽管在更有可能的情况下，如果div超过窗口高度，那么其中一个div的长度不会超过另一个。为了防止这种情况发生，例如，我
浏览 0提问于2010-10-20得票数 7
回答已采纳
根据，我们使用多行CSS省略号。我们希望检测省略号是否正在显示，并根据是否显示省略号来决定是否显示工具提示。
我尝试比较offsetWidth和scrollWidth，但无论是否显示省略号，这些值都是相同的。如果任何人有任何提示，我们将非常感谢您的帮助。谢谢。
浏览 72提问于2018-09-08得票数 7
回答已采纳
我想在填充内容时检测div大小高度(从数据库)。如果div的高度超过800px，那么绘制新的div作为新的内容包装器，并在里面填充剩余的内容。如下图所示：
单个内容包装器产生的高度(变化)比方说2500像素(可能更高)
<div id="content-wrapper>
p 1
p 2
p 3
p 4
p 5
p 6
p 8
p 9
</div>
我想用800像素来划分它，这样它就会产生多个div容器(内容包装器)，如下所示。
<div id="content-wrapper>
p 1
part of p 2
[reached 800px
浏览 0提问于2011-06-04得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
