JS中setAttribute的兼容性问题(摘自leejersey)
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)相关推荐
- js中setAttribute 的兼容性
class和className兼容方法: object.setAttribute("class","content") 在IE8.Chrome.火狐.Opera ...
- 解决JS中出现的兼容性问题
1.关于获取行外样式 currentStyle 和 getComputedStyle 出现的兼容性问题 都知道js通过style不可以获取行外样式,当我们需要获取行外样式时: 一般通过这两个方法获取行 ...
- js中setAttribute用法详解
jssetAttribute基本用法 element.setAttribute(attributename,attributevalue) setAttribute() 方法添加指定的属性,并为其赋指 ...
- JS中setAttribute方法
今天偶然遇到一个小问题,当我用 变量.setAttribute("",""):这个方法时,碰到了这个方法无法实现的问题,经过查找原来问题出现在第二个引号中. 结 ...
- JS基础--函数与BOM、DOM操作、JS中的事件以及内置对象
前 言 絮叨絮叨 这里是JS基础知识集中讲解的第三篇,也是最后一篇,三篇JS的基础,大多是知识的罗列,并没有涉及更难得东西,干货满满!看完这一篇后,相信许多正在像我一样正处于初级阶段的同学, ...
- JS中的DOM与BOM
一.Javascript组成 JavaScript的实现包括以下3个部分: ECMAScript(核心) 描述了JS的语法和基本对象. 文档对象模型 (DOM) 处理网页内容的方法和接口 浏览器对象模 ...
- JS与DOM的兼容性
2019独角兽企业重金招聘Python工程师标准>>> 一.JS与DOM的兼容性: (一) DOM节点的访问: 1.以前对DOM节点访问一般用"document.All.元 ...
- JS中DOM是什么、DOM的基本操作、DOM操作盒子模型的13个api——大总结(附源码)
文章目录 一,什么是DOM? 二,DOM的具体用途及发展史? 1,操作元素 2,操作属性 3,操作文本 三,JS操作盒子模型需要的13个api 一,什么是DOM? DOM:Document Objec ...
- JS中使用FormData上传文件、图片的方法
参考博客:http://www.cnblogs.com/xiaohuochai/p/6543019.html http://www.cnblogs.com/qcloud1001/p/6839541.h ...
最新文章
- android8.1上musicfx,Android自带音频均衡器MusicFx分析
- boost::threadpool 调用类成员变量并传入参数 的方法
- CSS将样式规则与HTML元素相关联
- 【Matlab】子图添加子序号 (a) (b) (c) 及调整子图间距边距 科研绘图
- Linux解决 -bash: nc: command not found问题,安装nc
- java 数组的get set_java.lang.reflect.Array.setBoolean()方法
- C++ 封装Lua之我行我素
- 学习笔记——作业的知识点与注意事项
- A N S I五个预定义的宏名
- Python批量爬取谷歌原图,2021年最新可用版
- 一文搞懂什么是单代号网络图!
- 简明现代魔法 php,给PHP初学者的一些建议
- 费解的开关解析 C++【递推+位运算】
- golang_微信公众号网页授权
- SCP批量拷贝指定文件
- 《棒球殿堂》:棒球联盟LEAGUE·东北乐天金鹫
- 全网最后一个免费版本,永久可用
- 【系统集成项目管理工程师】信息系统集成专业知识
- 已更新或删除的行值要么不能使该行成为唯一行
- 【唐诗学习】四、边塞诗派代表