`
sbiigu
  • 浏览: 162590 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

解决 .setAttribute 添加JS或者CSS 在IE下不起作用.

阅读更多
 document.getElementById("divid").setAttribute("onmouseout", "javascript:this.style.backgroundColor='#fff'"); 

  
    上面这行代码在Firefox 下能正常运行,然后放在IE下却不能运行.因为在IE下这行代码没有生效

   给上面一行代码稍作修改就能使它兼容在IE和FF下.

  document.getElementById("divid").onmouseout = function(){                    
                document.getElementById("divid").style.backgroundColor = "#fff";
                }

分享到:
评论

相关推荐

    js setattribute批量设置css样式

    在`js setattribute批量设置css样式`这个场景中,我们使用`setAttribute`方法来一次性设置多个CSS属性。例如: ```javascript var dom = document.getElementById("name"); dom.setAttribute("style", "width:10px;...

    JavaScript中setAttribute用法介绍

    在JavaScript中,`setAttribute()`是一个非常实用的函数,它允许我们动态地为HTML元素添加或修改属性。这个函数接收两个参数:属性名称(name)和属性值(value),然后将这个属性添加到指定的元素上。然而,由于...

    完美解决png在ie6兼容问题完整示例

    为了解决这个问题,开发者通常会利用JavaScript或者特定的CSS技巧来实现PNG在IE6下的正常显示。以下是一个详细的知识点讲解: 1. **PNG图像格式**:PNG(Portable Network Graphics)是一种无损压缩的位图格式,...

    IE6/7中使用setAttribute设置table的cellpadding和cellspacing的Bug

    这段代码在IE6/7下不起作用。原因是IE6/7对这些属性的大小写敏感,因此需要将`s`和`p`都改为大写: ```javascript table.setAttribute('cellSpacing', '10'); table.setAttribute('cellPadding', '10'); ``` 这样...

    支持ie9的js

    ### 支持IE9的JavaScript技术详解 #### 引言 在Web开发过程中,兼容性问题一直是开发者关注的重点之一。特别是在处理旧版本浏览器时,如何确保网页应用能够正常运行成为了一项挑战。本文将深入探讨如何让...

    IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性

    例如,`el.setAttribute('class', 'abc')`在标准浏览器中会为元素添加类名"abc",但在IE6和IE7中,这个样式可能不会生效,尽管使用`el.getAttribute('class')`确实能够获取到"abc"这个值。这意味着,虽然表面上看像...

    开发跨浏览器JavaScript时要注意的问题

    在大多数情况下,可以使用`setAttribute`方法,但对于IE浏览器,则需要使用`className`属性: ```javascript var element = document.getElementById('myElement'); // 非IE浏览器 element.setAttribute('class', ...

    引用 js在IE与FF之间的区别详细解析

    首先,JavaScript调试工具对于开发人员来说不可或缺,Firefox的Firebug插件以及IE8自带的Developer Tools Bar提供了断点调试、修改CSS样式和查看DOM模型等实用功能,这些工具有助于开发者更高效地进行JavaScript代码...

    js仿淘宝主图放大功能.zip

    在支持旧版浏览器(如IE6/7/8)的情况下,JavaScript代码需要特别处理,因为这些浏览器不支持某些现代的DOM操作和事件处理API。例如,可能需要使用`attachEvent`替代`addEventListener`,并用`style.setAttribute`来...

    给before和after伪元素设置js效果的方法.docx

    我们可以在CSS中定义一个类,然后使用JavaScript将该类添加到需要设置js效果的元素上。例如,我们可以定义一个类.change:before{content: "前缀";color: red;},然后使用JavaScript将该类添加到需要设置js效果的元素...

    IE6下js通过css隐藏select的一个bug

    标题中提到的知识点是“IE6下js通过css隐藏***t的一个bug”,这意味着在IE6这款古老的浏览器中,开发者可能会遇到使用JavaScript结合CSS去隐藏***t元素时出现的兼容性问题。在现代的Web开发中,使用display:none;...

    IE浏览器去掉FLASH虚线框的两种方法

    标题 "IE浏览器去掉FLASH虚线框的两种方法" 涉及的是在使用Internet Explorer(IE)浏览含有Flash内容的网页时,如何消除Flash对象周围的虚线边框的问题。这通常是一个视觉上的优化,因为虚线边框可能会影响网页的...

    javascript中setAttribute兼容性用法分析

    - 注意,直接使用`setAttribute`设置样式属性(如`style`)在IE中可能不生效,应使用点符号法来设置样式,如`element.style.color = "#00f"`。 4. **方法属性和事件属性**: - `setAttribute`不适用于设置对象...

    IE9+已经不对document.createElement向下兼容的解决方法

    这样做虽然可以避免IE9的某些特性,但并不推荐,因为它可能会导致其他正常模式下的问题,影响页面在新特性上的表现。 这里还列举了一些IE各版本的主要差异: 1. IE6: - 不支持PNG半透明图片。 - CSS的`max-...

    动态载入/删除/更新外部 JavaScript/Css 文件的代码

    动态加载、删除和更新外部JavaScript或CSS文件是前端开发中常用的技术,特别是在优化网页性能和实现按需加载功能时。传统的加载方式是在HTML文件的`<head>`标签中静态引入这些资源,但这会导致它们同步加载,可能...

    javaScript中DOM模型使用详解+XMLHttpRequest异步请求使用

    在JavaScript中,XMLHttpRequest(XHR)对象是实现异步数据通信的关键,它允许在不刷新整个页面的情况下向服务器发送请求并接收回应。通过创建一个XMLHttpRequest实例,然后调用其`open`方法设定请求类型、URL和是否...

    javascript动态向网页中添加表格实现代码.docx

    ### JavaScript 动态向网页中添加表格实现代码详解 #### 一、背景介绍 在Web开发中,经常需要根据后台返回的数据动态生成HTML元素。其中,动态生成表格是一种常见的需求,尤其是在展示数据列表时。本篇文章将详细...

    js 兼容火狐\360和IE的日历控件

    在JavaScript编程中,创建一个兼容Firefox、360浏览器以及Internet Explorer的日历控件是一项挑战,因为这三种浏览器对Web标准的支持程度不同。本控件旨在解决这些差异,提供一致的用户体验。以下是一些关键的知识点...

Global site tag (gtag.js) - Google Analytics