- 浏览: 2614650 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout(布局研究) (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom:
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王:
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988:
能提供附件下载吗,找不到js库,google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd:
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk:
试了,没用,你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
其实很多人应该接触过cssText这个style对象的属性。
我们也先做一个测试吧。
<div id="test" style="height:200px;"></div>
var div = document.getElementById('test'); alert(div.style.cssText);
这段代码其实就是获取元素的样式。
结果在不同浏览器弹出的值是有差异的:
- IE6-8
- IE9 即各大高级浏览器
当然上面是单样式设置,我们可以看出两点:
- IE6-8 属性key大写,而且尾部不带;(分号)
我们再来看看一些复合属性:
- IE6-8
- IE9 以及高级浏览器
---------- 像border这样的简写属性,在IE6-8下会被展开。
扩展阅读:
发表评论
-
js之左移运算
2014-08-25 20:09 1326左移运算: >> 把 ... -
console.trace()
2014-08-21 20:27 1016console.trace(): 追 ... -
js里面的~~
2014-08-16 19:59 1188记录一下js里面的 ~~: ... -
javascript的~ 运算符
2014-05-08 20:53 1202最近一直看到代码出现 ~ 位运算符 ... -
scrollIntolView
2014-03-14 08:47 1089scrollIntoView: 滚动 ... -
console的新玩法
2013-10-29 14:57 1176先看一段代码: consol ... -
Function与Object
2013-10-21 16:20 1306先看一段代码: Function in ... -
动态创建style并写入
2013-08-06 11:35 0动态创建style标签,并写入内容: ... -
ES6系列之Number
2013-08-01 11:17 0本文记录一下es6中Number相关的方法: ... -
基础之localeCompare
2013-07-26 18:29 1483本文简单记录一下localeCompare,部分 ... -
如何获取表格的所有行
2013-07-26 20:23 1448一般简单的思路都是按tagNam ... -
getAttributeNode
2013-06-17 15:30 1246getAttributenode ... -
HTML DOM Form对象
2013-06-08 12:23 1471前言: 本文来自w3c ... -
dom的contains
2013-06-06 16:00 1172contains ... -
array中最后一个空元素的差异
2013-06-05 16:53 1459本文来自w3help的一篇《SJ2007: ... -
mouseenter与mouseleave
2013-06-05 15:35 1469在IE中,鼠标移入移出某元素,触发: ... -
History全兼容方案之ie6-7
2013-05-08 16:01 1614在IE6-7中无法使用hash来产生历史记录 ... -
说说[]
2013-05-08 16:12 1281前言: 本文来自Snandy的 ... -
说说delete
2013-05-07 11:23 0var 声明的变量无法删除掉 var ... -
hasParent的设计
2013-05-03 18:07 1320场景: 判断指定的元素 ...
相关推荐
本文通过一个实际的测试案例探讨了使用`cssText`属性与单独设置样式属性之间的性能差异。 首先,我们要理解`cssText`属性。在JavaScript中,`element.style.cssText`是一个字符串,它允许我们一次性设置或获取元素...
这主要是因为不同的浏览器在处理cssText属性时,内部的解析机制存在差异。因此,在使用cssText时,如果需要兼容多种浏览器,那么你可能需要考虑到这些细微的差别。 具体到如何使用style.cssText,我们通过一个例子...
当处理大量元素的样式时,这种差异尤为显著,因为每次修改`style`属性都会触发浏览器的重绘或重排。 然而,需要注意的是,尽管`cssText`在大多数情况下表现更优,但并不意味着在所有场景下都是最佳选择。使用`...
1. **兼容性**:`cssText` 在现代浏览器中已广泛支持,但在处理某些特定CSS属性时可能存在差异。开发者应确保测试兼容性,特别是在处理跨浏览器兼容性问题时。 2. **安全考虑**:由于 `cssText` 接收的是一个字符...
在Web开发中,尤其是在处理CSS样式时,`cssText`属性是一个非常重要的工具。这个属性允许我们以字符串的形式获取或设置一个元素的样式信息。然而,不同的浏览器在实现这个属性时可能存在差异,其中IE6、IE7和IE8就是...
在这个场景下,我们关注的是不同浏览器间实现这一功能的差异,特别是与Internet Explorer (IE)浏览器相关的兼容性问题。 首先,让我们看一下提供的代码片段: ```html <!doctype html> <head></head> ...
- Firefox同样支持此方法,但在IE中还提供了另一种方式:通过`object.style.cssText`直接设置样式,例如`object.style.cssText = 'color:red;'`。 - **插入DOM元素**: 将新创建的元素添加到文档树中时,`document....
这篇文章是关于如何使用JavaScript实现网页元素阴影效果的研究总结。作者在尝试为网页元素添加阴影时,发现需要处理浏览器之间的兼容性问题,特别是IE、Firefox、Opera等不同浏览器对CSS和JavaScript的支持差异。...
跨浏览器JavaScript开发是前端开发中的一个重要领域,主要是因为不同的浏览器存在差异性,导致相同的JavaScript代码在不同浏览器上可能表现出不同的行为。其中,IE浏览器由于历史原因,与现代浏览器如Firefox和...
以下是关于如何使用JavaScript修改元素外观的详细知识: 1. 修改ID: 虽然直接修改元素的ID通常不推荐,因为ID应该是唯一的,但有时为了某些特殊目的,我们可能需要这样做。改变ID可能会导致JavaScript或CSS选择器...
- **属性访问方式**:虽然使用点表示法(如`object.name`)和括号表示法(如`object["name"]`)在大多数浏览器中性能差异不大,但在Safari浏览器中,点表示法始终更快。 #### 二、循环优化 JavaScript中有多种循环...
在JavaScript中处理CSS样式时,由于浏览器之间的差异,通常需要采取不同的方法。 首先,IE浏览器使用`currentStyle`对象来获取元素的样式。例如,如果你想要获取一个名为`div`的元素的`width`,在IE中可以这样写: ...
spanElement.style.cssText = 'font-weight:bold;color:red;'; // 对于IE浏览器 spanElement.setAttribute('style', 'font-weight:bold;color:red;'); ``` #### 3. 设置元素的class属性 同样地,设置元素的class...
console.log("CSS Rule: " + document.styleSheets[0].cssRules[1].selectorText + ": " + document.styleSheets[0].cssRules[1].style.cssText); } else { console.log("Rule: " + document.styleSheets[0]....
在创建弹出层时,使用`document.createElement`动态创建`DIV`元素,然后通过`setAttribute`和`style.cssText`设置其属性和样式。 4. **弹出层定位**: 弹出层的位置通过计算当前浏览器窗口的宽度和高度、滚动位置...
在JavaScript中,修改CSS样式主要有三种方法:改变直接样式、改变className和改变cssText。每种方法都有其适用场景和注意事项。...在实际开发中,还需要不断积累和学习,以应对各种浏览器的差异和新的前端技术挑战。
在实际的网页开发中,alert对话框的样式在不同浏览器中存在差异,且其UI设计较为单一,无法满足定制化的需求。因此,开发者常常选择自定义对话框来替代系统自带的alert。 在实现自定义对话框时,主要涉及到以下几个...
总结来说,跨浏览器的JavaScript开发需要注意不同浏览器的差异,尤其是在DOM操作、样式设置和属性处理等方面。通过使用适当的兼容性检查和针对特定浏览器的解决方案,可以确保代码在各种浏览器环境中都能稳定运行。