`

FF下实现currentStyle方法

阅读更多

<script type="text/javascript">
(function (bool) {
//严重感谢M2前辈
    if (bool) {
        HTMLElement.prototype.__defineGetter__("currentStyle", function () {
        //getComputedStyle方法参数一是目标对象,参数二是具体属性。。。把注释对换下就知道了。。
            //return this.ownerDocument.defaultView.getComputedStyle(this, ":first-line");
            return this.ownerDocument.defaultView.getComputedStyle(this, null);
        });
    }
})(/Firefox/.test(window.navigator.userAgent));
</script>
<style type="text/css">
div {
    color:#000000;
}
div:first-line {
    color:#0000FF;
}
</style>
<div onclick="alert(this.currentStyle.color)">DIV对象<br />第二行</div>

分享到:
评论

相关推荐

    JavaScript 渐变效果页面图片控制第1/2页

    使用该程序能实现很多常见的动画特效,包括大小变换、位置变换、渐显渐隐等等。 程序说明: 渐变效果的原理就是利用定时器不断设置值,如果要减速效果就设置... 在这里我使用了muxrwc的在FF下实现currentStyle方法,这

    JS在IE和FF中的兼容性问题

    使用 `getComputedStyle` 或 `currentStyle` 方法可以获取更准确的样式信息。 4. **DOM操作**: - 创建元素:IE使用 `createElement` 和 `appendChild`,FF也支持,但FF还可以使用 `documentfragment`。 - 删除...

    获取css样式表内样式的js函数currentStyle(IE),defaultView(FF)

    不过,需要注意的是,`getComputedStyle`方法在Firefox早期版本中可能存在一些问题,例如无法直接获取`padding`和`margin`等一些属性的值,因此在这种情况下,可以尝试使用其他类似属性来获取值,如使用`marginLeft`...

    (currentStyle)javascript为何有时用style得不到已设定的CSS的属性

    在前端开发中,JavaScript经常被用来操作DOM元素,实现动态页面效果。然而,在实际应用过程中,开发者可能会遇到一个常见的问题:使用JavaScript的`element.style`属性来获取或修改某个DOM元素的样式时,有时候却...

    js实现编辑div节点名称的方法

    这个方法适用于不同的浏览器环境,包括Internet Explorer (IE) 和 Firefox (FF),通过兼容性的处理来实现一致的效果。 首先,我们要理解HTML部分。在这个例子中,我们有一个`div`元素,类名为`.img_1`,`id`为`img_...

    JS实现判断碰撞的方法

    background: #FF0000; top: 100px; left: 100px; width: 200px; height: 200px; z-index: 999 } #f2 { position: absolute; background: #FFFF00; top: 0px; left: 0px; width: 600px; height: 150px; } ...

    JavaScript帮助文档2

    #### 五、IE vs FF: style 和 currentStyle 不同浏览器对于获取CSS样式的API支持有所不同。Internet Explorer (IE) 和 Firefox (FF) 之间的差异如下: - **IE**: 组件对象的`style`属性只能获取内联样式;为了获取...

    html入门第三天.

    - **Firefox中的getComputedStyle**:Firefox不支持`currentStyle`,而是提供了`window.getComputedStyle(element)`方法来获取元素的所有样式。 #### 三、HTML DOM模型与Window对象 ##### 1. HTML DOM模型 HTML...

    JavaScript兼容性总结之获取非行间样式案例

    这些浏览器提供了不同的方法来访问元素的计算样式,包括IE的currentStyle属性和Chrome/FF的getComputedStyle方法。此外,文档还展示了如何通过编写一个通用的函数来兼容不同的浏览器,并且给出了获取和设置元素样式...

    JavaScript 创建运动框架的实现代码

    具体是IE-BUG部分,“兼容和和FF”中的第二个“和”字是多余的,应该是“兼容IE和FF”。IE-BUG部分指出了opacity属性在IE和Firefox中处理方式的差异,以及在IE中设置opacity属性时,需要先在元素样式中指定opacity值...

    FF和IE之间7个JavaScript的差异第1/2页

    JavaScript是一种广泛应用于网页和应用程序的脚本语言,它在不同浏览器上的实现存在一定的差异,尤其是在早期,这些差异导致开发者需要编写特定于浏览器的代码。本文将深入探讨Firefox(火狐)和Internet Explorer...

    一个可以得到元素真实的背景颜色的javascript脚本

    此功能在前端开发过程中非常实用,尤其是在需要动态调整或显示元素背景颜色的情况下。 #### 脚本原理与实现 为了准确地获取到元素的真实背景颜色,我们需要考虑到以下几点: 1. **内联样式**:如果元素具有内联样式...

    JavaScript Table行定位效果

    给tr设置relative后就能相对table定位了,看来很简单啊,但问题是这个方法ie8和ff都无效,而且存在很多问题,所以很快就被抛弃了。 ps:该效果用来做tr的拖动会很方便。 接着想到的是给table插入一个新tr,克隆原来...

Global site tag (gtag.js) - Google Analytics