草庐IT

offsetHeight

全部标签

JavaScript getBoundingClientRect() vs offsetHeight 同时计算元素高度

获取元素高度的最佳方法是什么:varmyElement=document.querySelector('.some-class');varheight=myElement.getBoundingClientRect().height;或varmyElement=document.querySelector('.some-class');varheight=myElement.offsetHeight; 最佳答案 大多数情况下,当没有对元素应用任何转换时,它们与getBoundingClientRect()的宽度和高度相同。在转换的情

javascript - offsetHeight 和 offsetWidth 在第一个 onclick 事件而不是第二个事件上计算不正确

我写了下面的脚本来显示一个隐藏的元素,然后将它的位置固定到页面的中心。functionpopUp(id,type){varpopUpBox=document.getElementById(id);popUpBox.style.position="fixed";popUpBox.style.display="block";popUpBox.style.zIndex="6";popUpBox.style.top="50%";popUpBox.style.left="50%";varheight=popUpBox.offsetHeight;varwidth=popUpBox.offsetWi

javascript - 在渲染之前 react DOM offsetHeight

我需要能够通过offsetHeight定位ReactDOM元素。问题是我无法收集尚未创建的元素的offsetHeight(因此无法将高度作为参数传递给渲染函数)并且我也无法计算渲染内部的高度功能如ReactDOMrefs文档中所述:Neveraccessrefsinsideofanycomponent'srendermethod–orwhileanycomponent'srendermethodisevenrunninganywhereinthecallstack.DOM元素应该相对于单击以显示它的图标呈现。组件树:|—FormInputGroup|—Label|—TooltipIco

javascript - document.body.offsetHeight 在 window.print() 之前做了什么?

嗅探gmail的Printall链接源码,有这样的东西:functionPrint(){document.body.offsetHeight;window.print()};document.body.offsetHeight有什么作用? 最佳答案 它强制基于WebKit的浏览器在打印前加载完整的内容集(包括图像、样式等) 关于javascript-document.body.offsetHeight在window.print()之前做了什么?,我们在StackOverflow上找到一个

javascript - 当 firebug 说它是 34 时,为什么 jquery 会为 offsetHeight 返回 0?

所以我有一个div,它的内容是在运行时生成的,它最初没有与之关联的高度。当它根据Firebug和我可以用js发出的警报生成时,div的高度仍然为0。但是,使用Firebug查看只读属性,我可以看到它的偏移高度为34。正是这个值我需要。希望它很明显,但如果不是,这个数字是可变的,它并不总是38。所以,我想我可以通过jquery做到这一点...$("#parentDiv").attr('offsetHeight');或者直接使用js...document.getElementById("parentDiv").offsetHeight;但是返回的都是0。这与offsetheight在这个实

笔记:dom元素各种宽度和高度,getBoundingClientRect,clientWidth,clientHeight,offsetWidth,offsetHeight

HTMLElement.getBoundingClientRectElement.getBoundingClientRect()返回值是一个DOMRect对象,是包含整个元素的最小矩形(包括padding和border-width)。该对象使用left、top、right、bottom、x、y、width和height这几个以像素为单位的只读属性描述整个矩形的位置和大小。除了width和height以外的属性是相对于视图窗口的左上角来计算的。该方法返回的DOMRect对象中的width和height属性是包含了padding和border-width的,而不仅仅是内容部分的宽度和高度。在标准盒

html - DOM 节点是否同步?

我想知道DOM节点属性在样式信息方面是否同步?我正在阅读以下内容article,然后我阅读了以下行Scriptsaskingforstyleinformation,like"offsetHeight"cantriggerincrementallayoutsynchronously.从文章来看,似乎表明有一个“脏节点”系统会暂停脚本执行,直到文档被完全布局。所以,如果我有一个脏节点n,如果从javascript调用n.offsetHeight,文章建议n.offsetHeight在偏移高度完全具体化之前不会返回。我对此的理解正确吗?我能否依赖浏览器始终为我提供任何附加DOM元素的当前稳定

html - DOM 节点是否同步?

我想知道DOM节点属性在样式信息方面是否同步?我正在阅读以下内容article,然后我阅读了以下行Scriptsaskingforstyleinformation,like"offsetHeight"cantriggerincrementallayoutsynchronously.从文章来看,似乎表明有一个“脏节点”系统会暂停脚本执行,直到文档被完全布局。所以,如果我有一个脏节点n,如果从javascript调用n.offsetHeight,文章建议n.offsetHeight在偏移高度完全具体化之前不会返回。我对此的理解正确吗?我能否依赖浏览器始终为我提供任何附加DOM元素的当前稳定

html - 获取不正确的 offsetWidth 和 offsetHeight 值

这是我的angular2代码。模板组件import{Component,OnInit,Input,ViewChild,ElementRef,Renderer}from'@angular/core';exportclassSliderComponentimplementsOnInit{@ViewChild('picker')picker:ElementRef;constructor(privaterenderer:Renderer,privateel:ElementRef){}ngAfterViewInit(){this.renderer.setElementClass(this.pic

html - 获取不正确的 offsetWidth 和 offsetHeight 值

这是我的angular2代码。模板组件import{Component,OnInit,Input,ViewChild,ElementRef,Renderer}from'@angular/core';exportclassSliderComponentimplementsOnInit{@ViewChild('picker')picker:ElementRef;constructor(privaterenderer:Renderer,privateel:ElementRef){}ngAfterViewInit(){this.renderer.setElementClass(this.pic