zoukankan      html  css  js  c++  java
  • js中setAttribute 的兼容性

    class和className兼容方法:

    object.setAttribute("class","content")

    在IE8、Chrome、火狐、Opera10中都能设置成功;但是在IE7下无法设置

    object.setAttribute("className","content")

    只有IE7能设置成功,但是其他浏览器均无法设置。

    兼容方法:

    使用 object.className="content"

    style和cssText兼容方法:

    object.setAttribute("style","position:absolute;left:10px;top:10px;")

    在IE8、Chrome、火狐、Opera10中都能设置成功;但是在IE7下无法设置

    object.setAttribute("cssText","position:absolute;left:10px;top:10px;")

    此设置方法,所有浏览器均不支持

    兼容方法:

    使用 object.style.cssText="position:absolute;left:10px;top:10px;"

    或者单独 object.style.各个属性 ,逐一进行设置。

    Firefox和IE的JS兼容性:设置元素style熟悉

    在IE下setAttribute设置元素的对象、集合和事件属性都只当成普通属性,起不到原有的作用,但可以直接进行赋值操作,如下:

    var cssText = ”font-weight:bold;color:red;”
     //下面写法用于firefox类型浏览器
    element.setAttribute(“style”,cssText);

    //下面写法用于IE类型浏览器
    element.style.cssText = cssText;

  • 相关阅读:
    矩阵树(Matrix-Tree)定理精华
    【面试题flex】关于弹性盒子中 flex: 0 1 auto 的一系列问题
    纯函数-Javascript
    uniapp 低功耗蓝牙使用(经典蓝牙用native.js)
    uniapp截屏
    unicloud数据聚合处理
    uniapp的post请求失效问题
    unicloud链表查询
    uni-id的使用
    坐标转换
  • 原文地址:https://www.cnblogs.com/leejersey/p/2919052.html
Copyright © 2011-2022 走看看