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设置元素的对象、集合和事件属性都只当成普通属性,起不到原有的作用,但可以直接进行赋值操作,如下:

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

转载于:https://www.cnblogs.com/autoslow/p/4920391.html

JS中setAttribute的兼容性问题(摘自leejersey)相关推荐

  1. js中setAttribute 的兼容性

    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中使用FormData上传文件、图片的方法

    参考博客:http://www.cnblogs.com/xiaohuochai/p/6543019.html http://www.cnblogs.com/qcloud1001/p/6839541.h ...

最新文章

  1. android8.1上musicfx,Android自带音频均衡器MusicFx分析
  2. boost::threadpool 调用类成员变量并传入参数 的方法
  3. CSS将样式规则与HTML元素相关联
  4. 【Matlab】子图添加子序号 (a) (b) (c) 及调整子图间距边距 科研绘图
  5. Linux解决 -bash: nc: command not found问题,安装nc
  6. java 数组的get set_java.lang.reflect.Array.setBoolean()方法
  7. C++ 封装Lua之我行我素
  8. 学习笔记——作业的知识点与注意事项
  9. A N S I五个预定义的宏名
  10. Python批量爬取谷歌原图,2021年最新可用版
  11. 一文搞懂什么是单代号网络图!
  12. 简明现代魔法 php,给PHP初学者的一些建议
  13. 费解的开关解析 C++【递推+位运算】
  14. golang_微信公众号网页授权
  15. SCP批量拷贝指定文件
  16. 《棒球殿堂》:棒球联盟LEAGUE·东北乐天金鹫
  17. 全网最后一个免费版本,永久可用
  18. 【系统集成项目管理工程师】信息系统集成专业知识
  19. 已更新或删除的行值要么不能使该行成为唯一行
  20. 【唐诗学习】四、边塞诗派代表

热门文章

  1. PCM data flow - 6 - 声卡和PCM设备的建立过程
  2. VS2010调试小技巧
  3. 关于类模版迭代器提出时的错误
  4. Oracle重建回滚段
  5. jq常用过滤器_JQuery的常用选择器、过滤器、方法全面介绍
  6. 不等距双杆模型_搜索中的深度匹配模型(下)
  7. ElasticSearch多shard场景相关度打分不准确问题
  8. (103)FPGA面试题-画出程序所描述的电路原理图(一)
  9. (15)Verilog表达式与运算符-基本语法(三)(第3天)
  10. (48)System Verilog 类中变量随机激励数组数据