getCompatedStyle 对象包含方法吗？

发布于 2024-12-09 16:09:32 字数 476 浏览 0 评论 0原文

我在这里设置了一个演示： http://jsbin.com/evifeb/

这更多的是我大声思考而不是一个正确的问题。？

为什么浏览器将样式规则与方法和保留字一起直接插入到计算样式对象中它只会使解析变得困难。例如，您可能会注意到在我的演示中，我过滤掉了除字符串和数字之外的所有内容。这是为了清除同一范围内的函数。虽然，这不是 100% 准确，因为 length 属性值是一个数字。为什么不使用像“getAllStyles”这样的原型函数来返回样式对象而没有废话呢？

好的，所以我知道“getPropertyValue”，但这仅在您想要指定的样式规则时才有用。所以我想我想说的是：A）是否有返回这样一个交叉对象的正确方法浏览器安全吗？ B）如果没有，除了 length 之外是否还有其他属性（不在 css 规范中）需要清除？

非常感谢您的帮助。我已经准备好拔牙了。

原文

分享到QQ

分享到微博

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

发布评论

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

动次打次papapa 2024-12-16 16:09:32

~~听起来您的 for 循环需要适量的 Object.hasOwnProperty。~~

使用 hasOwnProperty() 过滤器总的来说，会解决问题，但只是治标不治本。原因是您的代码使用 for...in 循环来迭代数组。 不要这样做。

使用for...in 迭代对象，使用for 迭代数组。

最后一件事：getCompulatedStyle() 返回的（只读）实例CSSStyleDeclaration。使用提供的 API，一切都很简单：

for (var i=0; i<computedStyles.length; i++)
{        
    cssProperty = computedStyles[i];
    cssValue = computedStyles.getPropertyValue(cssProperty);
    // snip...
}

演示：http://jsbin.com/owenij/2

~~It sounds like your for loops need a healthy dose of Object.hasOwnProperty.~~

Using a hasOwnProperty() filter will, by and large, solve the problem, but it fixes the symptoms, not the cause. The cause is that your code uses a for...in loop to iterate over an array. Don't do this.

Use for...in to iterate over objects, and use for to iterate over arrays.

One last thing: getComputedStyle() returns a (read-only) instance of CSSStyleDeclaration. Use the provided API and things are straightforward:

for (var i=0; i<computedStyles.length; i++)
{        
    cssProperty = computedStyles[i];
    cssValue = computedStyles.getPropertyValue(cssProperty);
    // snip...
}

Demo: http://jsbin.com/owenij/2

回复收藏 0 原文

~没有更多了~