Prototype JS 中的简单 getCompulatedStyle？

发布于 2024-08-17 08:07:16 字数 538 浏览 10 评论 0原文

是否有一种简单的跨浏览器方法可以获取 PrototypeJS 中元素的计算样式，而无需检查 document.defaultView... 和其他属性？ ...这样代码看起来像

var elt = $$('.xyz')[k],
    border = elt.getComputedStyle('border-bottom-width')

PrototypeJs 提供了返回计算的 getDimensions、-Width 和 -Height 方法> 尺寸，但无法获得其他计算样式，例如边框、背景等。

我发现了几个独立的 getCompulatedStyle 的实现，但也许 PrototypeJS 有一个补丁/插件可以做到这一点？

原文

Is there an easy cross-browser way to get computed style of an element in PrototypeJS, without checking document.defaultView... and other properties? ...so that the code looked like

var elt = $('.xyz')[k],
    border = elt.getComputedStyle('border-bottom-width')

PrototypeJs provides getDimensions, -Width, and -Height methods that return computed dimensions, but there's no way to get other computed styles, like borders, backgrounds, etc.

I've found several stand-alone implementations of getComputedStyle, but maybe there's a patch/plugin for PrototypeJS that does that?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

酒绊 2024-08-24 08:07:16

Prototype 的 getStyle 方法封装了大部分跨浏览器计算您正在寻找的风格作品：

var bgColor = $(element).getStyle('background-color');

来自文档：

此方法查找 CSS 属性
元素是否被应用
内联或样式表中。有用
围绕浏览器不一致
关于浮动、不透明度，其中
返回 0 之间的值（完全
透明）和 1（完全不透明），
位置属性（左、上、右
和底部）并且当得到
隐藏的尺寸（宽度或高度）
元素。

但是，此方法不会返回 Internet Explorer <= 8 中样式表中应用的样式，因为它使用 getCompulatedStyle() 方法，这对于版本 8 及更低版本来说是不正确的方法： http://www.quirksmode.org/dom/w3c_css.html

Prototype's getStyle method encapsulates most of the cross-browser computed style work you're looking for:

var bgColor = $(element).getStyle('background-color');

From the docs:

This method looks up the CSS property
of an element whether it was applied
inline or in a stylesheet. It works
around browser inconsistencies
regarding float, opacity, which
returns a value between 0 (fully
transparent) and 1 (fully opaque),
position properties (left, top, right
and bottom) and when getting the
dimensions (width or height) of hidden
elements.

However, this method will not return styles applied in a stylesheet in Internet Explorer <= 8, because it uses the getComputedStyle() method, which is the incorrect method for versions 8 and lower: http://www.quirksmode.org/dom/w3c_css.html

回复收藏 0 原文