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;

转载于:https://www.cnblogs.com/leejersey/archive/2013/02/20/2919052.html

js中setAttribute 的兼容性相关推荐

  1. JS中setAttribute的兼容性问题(摘自leejersey)

    class和className兼容方法: object.setAttribute("class","content") 在IE8.Chrome.火狐.Opera ...

  2. 解决JS中出现的兼容性问题

    1.关于获取行外样式 currentStyle 和 getComputedStyle 出现的兼容性问题 都知道js通过style不可以获取行外样式,当我们需要获取行外样式时: 一般通过这两个方法获取行 ...

  3. js中setAttribute用法详解

    jssetAttribute基本用法 element.setAttribute(attributename,attributevalue) setAttribute() 方法添加指定的属性,并为其赋指 ...

  4. JS中setAttribute方法

    今天偶然遇到一个小问题,当我用 变量.setAttribute("",""):这个方法时,碰到了这个方法无法实现的问题,经过查找原来问题出现在第二个引号中. 结 ...

  5. JS基础--函数与BOM、DOM操作、JS中的事件以及内置对象

       前   言 絮叨絮叨 这里是JS基础知识集中讲解的第三篇,也是最后一篇,三篇JS的基础,大多是知识的罗列,并没有涉及更难得东西,干货满满!看完这一篇后,相信许多正在像我一样正处于初级阶段的同学, ...

  6. JS中的DOM与BOM

    一.Javascript组成 JavaScript的实现包括以下3个部分: ECMAScript(核心) 描述了JS的语法和基本对象. 文档对象模型 (DOM) 处理网页内容的方法和接口 浏览器对象模 ...

  7. JS与DOM的兼容性

    2019独角兽企业重金招聘Python工程师标准>>> 一.JS与DOM的兼容性: (一) DOM节点的访问: 1.以前对DOM节点访问一般用"document.All.元 ...

  8. JS中DOM是什么、DOM的基本操作、DOM操作盒子模型的13个api——大总结(附源码)

    文章目录 一,什么是DOM? 二,DOM的具体用途及发展史? 1,操作元素 2,操作属性 3,操作文本 三,JS操作盒子模型需要的13个api 一,什么是DOM? DOM:Document Objec ...

  9. JS中图片的处理与合成(生成水印)

    以美图的图片处理为例子,学习JS中对图片的处理.处理图片时需要使用canvas 1 图片的跨域 使用canvas处理图片,首先需要加载图片,如果是在线图片需要针对图片进行跨域的处理.具体的处理方法是: ...

最新文章

  1. 求旋转数组中的最小值
  2. MFC中获取命令行参数的几种方法
  3. 亚马逊两万员工确诊新冠、iOS14.2带来新版emoji、大数据独角兽Palantir上市等| Decode the Week...
  4. java继承静态方法,是否在Java中继承了静态方法?
  5. Android动态显示和隐藏状态栏
  6. 在系统可编程器件一般使用计算机,eda技术与vhdl复习练习题.docx
  7. 把文档所有的字体都缩小一号_美观且专业的macOS字体管理工具
  8. php 显示探针_PHP探针
  9. 设置linux服务器时间自动同步
  10. IOS OpenGL ES GPUImage 滤色混合 GPUImageScreenBlendFilter
  11. Qt-QCustomPlot
  12. java_计算两个时间相差多少天、小时、分钟、秒
  13. veiw pad 7寸 android4.2,全国首款Android+Win7双系统平板电脑ViewPad 10登场
  14. 电脑开机密码忘记了怎么办
  15. LOL 和 Dota游戏设计的区别
  16. Redhat8的yum仓库配置及DNF的解释
  17. 中国加氢站行业市场战略现状及投资规模预测分析报告2021年版
  18. Mac下常用快捷键和chrome插件
  19. 半路出家学php,PHP半路出家(1)
  20. 15kw充电桩模块设计

热门文章

  1. C++笔记-基于邻接表的BFS(宽度优先遍历)
  2. Leaflet文档阅读笔记-Leaflet on Mobile笔记
  3. QML工作笔记-使用QML中的Date将时间戳和指定格式时间互转
  4. Qt文档阅读笔记-Qt Concurrent介绍及简单使用
  5. Qt工作笔记-QGraphics框架中,给图像中的点连线【获取场景中的数据】【有坑】
  6. ai可以滚轮缩放吗_AI侵入艺术天堂!艺术也可以“量产”了吗?
  7. linux 物理内存用完了_调整linux内核尽量用内存,而不用swap
  8. mysql 非自然月统计_MySQL性能优化 — 实践篇1
  9. XML具有哪些特点?相对于HTML的优势
  10. 理解Linux下的SELinux(MAC)