html-HTML 中style.setAttribute() 兼容性

问题描述

HTML 中style.setAttribute() 兼容性

obj.style.setAttribute(); 在google,firefox下不支持style.setAttribute();请问有什么好的解决方法吗?

代码:
function setCellStyle(name,value,isStyleAttribute){
try{
if (isStyleAttribute){
o._currentCell.style.setAttribute(name,value,0);

        //cssText
        var o_span = getSpan(o._currentCell);
        if(o_span){
            o_span.style.setAttribute(name,value,0);

        }else{
            //todo
        }
    }
}catch{
    alert(e.message);
}

}

解决方案

setAttribute一般用于dom对象,chrome,firefox没有setAttribute方法

    function setCellStyle(name, value, isStyleAttribute) {
        try {
            if (isStyleAttribute) {
                o._currentCell.style[name] = value;///////////

                //cssText
                var o_span = getSpan(o._currentCell);
                if (o_span) {
                    o_span.style[name] = value;///////

                } else {
                    //todo
                }
            }
        } catch (ex) {
            alert(e.message);
        }

    }
时间: 2024-11-02 04:27:26

html-HTML 中style.setAttribute() 兼容性的相关文章

javascript中setAttribute兼容性用法分析_javascript技巧

本文实例分析了javascript中setAttribute兼容性用法.分享给大家供大家参考,具体如下: 1:常规属性建议使用 node.XXXX. 2:自定义属性建议使用node.getAttribute("XXXX"). 3:当获取的目标是JS里的关键字时建议使用node.getAttribute("XXX"),如label中的for. 4:当获取的目标是保留字,如:class,请使用className代替. setAttribute(string name,

javascript中style.left和offsetLeft的用法说明

 本篇文章主要是对javascript中style.left和offsetLeft的用法进行了说明介绍,需要的朋友可以过来参考下,希望对大家有所帮助 如果父div的position定义为relative,子div的position定义为absolute,那么子div的style.left的值是相对于父div的值,这同offsetLeft是相同的,区别在于:   1. style.left 返回的是字符串,如28px,offsetLeft返回的是数值28,如果需要对取得的值进行计算,还用offse

JavaScript中style.left与offsetLeft的使用及区别详解_javascript技巧

如果父div的position定义为relative,子div的position定义为absolute,那么子div的style.left的值是相对于父div的值,这同offsetLeft是相同的,区别在于: 1. style.left 返回的是字符串,如28px,offsetLeft返回的是数值28,如果需要对取得的值进行计算,还用offsetLeft比较方便. 2. style.left是读写的,offsetLeft是只读的,所以要改变div的位置,只能修改style.left. 3. st

js中style.display=""无效的解决方法_javascript技巧

本文实例讲述了js中style.display=""无效的解决方法.分享给大家供大家参考.具体解决方法如下: 一.问题描述: 在js中我们有时想动态的控制一个div显示或隐藏或更多的操作,但如果我们style.display=""可能导致没有效果. 看下面一段代码: 复制代码 代码如下: <style>  #name  {      display:none;  } </style> </head> <body> &l

Internet&amp;nbsp;Explorer&amp;nbsp;7中的层叠样式表兼容性

样式表 简介Internet Explorer 7包含了许多有关于层叠样式表(CSS)解析与呈现的改进.这些改进意在提高Internet Explorer解释层叠样式表的一致性,以达到W3C的推荐的标准,同时为开发者提供一个可以依赖的功能集合. 在某些情况下,当使用与IE6不兼容的方式来呈现现有的内容时,这些改变可能会产生影响.这种现象常见于在IE7中将元素移动到纸张的不同区域或者出现重叠内容时.这些问题通常是由于为了解决在IE6的strict模式下出现的小错误,而使用了特殊的CSS内容(例如常

JavaScript的setAttribute兼容性问题解决方法_javascript技巧

复制代码 代码如下: var asubmit = document.getElementById("submit"); 复制代码 代码如下: <span style="white-space:pre"> </span>asubmit.setAttribute("onclick","alert('请检查手机号码');"); //在火狐中有效,而在ie中无效 复制代码 代码如下: <span styl

Windows 7中如何处理程序兼容性问题

程序安装或使用时遇见问题,这在电脑的使用中很常见,主流Win7电脑也不例 外,虽然Win7很强大也很智能,但偶尔遇见了一个程序不兼容问题还是让人倍感 头疼.今天就想和大家讨论一下Win7系统中使用程序遇见不兼容问题,一般我们 该如何处理. 首先,一般情况下我们的Win7电脑运行平稳,但在安装或使 用某个程序时遇见了兼容性问题,这样的情况通常来说都不用责怪Windows7,多 数情况下是由该程序自身造成的.最常见的是安装问题和软硬件冲突的问题,首 先我们来看安装问题,由于版本安装不正确或者安装步骤

css中style和class的加载顺序示例介绍

style和class的加载顺序到底谁先谁后,谁又会覆盖谁,在接下来的示例中将为大家详细介绍下,希望对大家有所帮助     复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

在新版IE中巧用“兼容性视图”设置解决网页显示不正常怎么办

  微软公司自今年4月开始,将停止对XP操作系统的技术支持,这促使很多用户会将XP升级到Win7甚至Win8,那么系统所绑定的浏览器也从IE6升级到IE8.IE9甚至IE11.我们知道自IE8开始,微软公司将浏览器做了比较大的改进,减少微软公司自有的一些功能,使浏览器更符合W3C国际标准,以提高与其他浏览器的兼容性. 这样做的代价,就是造成了IE浏览器自身向下兼容性变差.许多基于IE6浏览器或更低的版本开发的网站,在IE8及以上的浏览器里很可能会产生网页渲染不正常现象.例如如果页面中含有marq