jjzjj

GetComputedStyle

全部标签

javascript - 通过 Javascript 继承 CSS 值

在我的页面上,我正在通过javascript更改一些css样式。当我尝试提取一个已继承的值时-它出现空白。请考虑以下事项:.Sliding{display:none;overflow:hidden;}.Sliding#FilterBox{height:185px;background-color:Fuchsia;}和html:TestFormThisisatest/12345如果我查看元素“document.getElementById(objname).style.display”,它是空白的吗?如何通过javascript读取显示值? 最佳答案

javascript - 如何以编程方式将所有样式属性从一个 DOM 元素复制到另一个

我有一个包含两个框架的页面,我需要(通过javascript)复制一个元素及其所有嵌套元素(它是一个ul/li树),最重要的是它的样式从一个框架到另一个框架。我通过分配innerhtml获得了所有内容,并且我能够使用dest.style.left和dest.style.top将新元素定位在第二帧中并且它有效。但我正在尝试获取所有样式信息,但没有任何反应。我正在使用getComputedStyle来获取每个源元素的最终样式,因为我循环遍历每个节点,然后将它们分配到目标节点列表中的相同位置,并且没有任何变化可以在视觉上改变样式。我错过了什么? 最佳答案

javascript - document.defaultView.getComputedStyle 和 window.getComputedStyle 有什么区别

获取元素的样式时,我们总是使用if(document.defaultView&&document.defaultView.getComputedStyle)检查浏览器是否支持该方法。为什么不使用if(window.getComputedStyle)? 最佳答案 简而言之,我们使用document.defaultView&&document.defaultView.getComputedStyle的原因是我们想要一种跨浏览器处理每个元素的方法,在它支持获取时进行检查计算样式。对于Firefox3.6中的iframe,简单的if(win

javascript - YUI 中的 jQuery outerHeight() 等价物是什么

在jQuery中,我可以很容易地通过使用outerHeight()获取包含填充、边框和可选边距的元素的当前计算高度。...//returnsheightofelement+border+padding+margin$('.my-element').outerHeight(true);我如何在YUI中执行此操作?我目前使用的是2.8.1版。类似于thisquestion,我总能做到getComputedStyle()高度、边框、填充和边距,但这是大量的体力劳动,包括解析返回值和获取所需的正确值以及自己进行数学计算。在YUI中是否有一些与jQuery的outerHeight()等效的函数可

javascript - getComputedStyle 类似 IE8 的 javascript 函数

我正在尝试在JavaGWT代码中编写一个Javascript函数来获取以下样式的值"direction","fontFamily","fontSize","fontSizeAdjust","fontStyle","fontWeight","letterSpacing","lineHeight","padding","textAlign","textDecoration","textTransform","wordSpacing"getComputedStyle在除IE8之外的所有浏览器中都很有用,据我所知,它不支持该功能我在这里查看了关于笑脸主题的帖子,但他们都未能获得上述风格之一微笑

javascript - 如何修复 Window.getComputedStyle 不是对象错误

我正在尝试使用draggabilly,网址为https://github.com/desandro/draggabilly它在html中工作正常。现在,当我尝试将它添加到wordpress中时。我在Firebug控制台中收到以下错误。TypeError:Argument1ofWindow.getComputedStyleisnotanobject.returns.getComputedStyle(t,null)这里是js文件的链接http://draggabilly.desandro.com/draggabilly.pkgd.min.js 最佳答案

javascript - getComputedStyle 报告 Chrome/Safari/Firefox 和 IE11 之间的不同高度

这让我一整天都有些发疯,我一直没能找到其他人在哪里记录了这种差异。window.getComputedStyle(el).height参见http://jsfiddle.net/ZwF9H/6/用于演示。我期望window.getComputedStyle()应该在所有浏览器之间返回相同的计算高度值。InternetExplorer11正在做一些不同的事情。(实际上,IE9和10也是如此,但IE11是我可以使用开发工具的第一个。)对于所有其他浏览器,计算的高度是在css中设置的高度,无论它是在样式表中还是在textarea元素上内联。IE11忽略了box-sizing:border-b

javascript - 为什么 getComputedStyle 在元素创建后立即为像素值返回 'auto'?

我使用Mustache生成一些HTML并使用insertAdjacentHTML将其放置在页面上。它显然已正确转换为DOM结构,因为之后我可以使用document.querySelector('.contentarea')调用获取它的句柄。但是,如果我尝试获取宽度或高度的像素值,它会一直返回'auto'。认为这可能只是getComputedStyle的问题,我尝试改用.getBoundingClientRect和.offsetWidth。两者都返回了0。如果我通过将调用放在setTimeout(function(){},1)中稍微延迟调用,它会起作用,但这对我的生产代码不切实际,因为它

javascript - 为什么 getComputedStyle 不能使用像 :hover? 这样的伪类

根据documentation,函数window.getComputedStyle应该能够获取伪类的计算样式,如:hover.它也在anotherquestion中作为答案进行了解释但正如该问题中最后一条评论所说,实际上它根本不起作用,它只是返回正常样式,而不是:hover样式。您可以在thisjsfiddle中亲自查看.警报返回红色,而不是绿色。documentationondeveloper.mozilla.org也有一个示例,但这也不起作用-请参阅here.在thisquestion回答者在评论中说它根本不起作用,但没有给出解释。会不会是样式表必须在函数返回正确值之前完全呈现?我

javascript - getComputedStyle (or) $.css(map) <-- 获取每个样式声明

除了遍历声明了每个样式属性的数组之外,还有什么方法可以获取dom元素所有样式的键/值输出吗?我的后备方案是遍历以下列出的键:http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSSview-getComputedStyle 最佳答案 isthereanywaytogetakey/valueoutputofallstylingofadomelement?是的,但不要指望跨浏览器对值(单位等)的精确处理是相同的。varstyles=[];//TheDOMLevel2CSSway//i