//获取非行间样式functiongetStyle(obj,attr){if(obj.currentStyle){returnobj.currentStyle[attr];}else{returngetComputedStyle

运动封装函数functiongetStyle(obj,attr){returnobj.currentStyle?

{varoDiv=document.getElementById('odiv');oDiv.onclick=function(){//未定义属性是undefined//未定义函数会报错if(oDiv.currentStyle

varobjTop;//头部varobjLeft;//左边functioninitial(){objAdver=document.getElementById("right");//广告层对象if(objAdver.currentStyle

效果图代码Document-->-->EnglishArabic{dede:channeltype='top'row='10'currentstyle="~typename~"}[field:typename

varmouseX=e.clientX;//鼠标X轴的坐标varmouseY=e.clientY;//鼠标Y轴的坐标}获取元素的非行间样式值functiongetstyle(obj,obj_css){if(obj.currentStyle

兼容性兼容性如下图所示（摘自mdn）解决方法由于getComputedStyle方法在IE浏览器中只兼容IE9及其以上，而IE8和它之前的浏览器则需要使用currentStyle方法来获取样式，所以我们就可以自定义一个

www.bjtces.com导读：在学习或者使用javascript的过程中，最为痛苦的就是浏览器兼容问题1、样式的获取(注意：样式表里面的css属性，而非行间样式)与设置兼容写法解决办法(封装函数)：currentStyle

框架的意义：把原装js封装起来，不用每次都写获取属性用点的话必须是行内属性，也可以dom.currentStyle.属性还可以computedStyle(dom).属性，通常使用后二者的封装函数，注意后二者获得的属性值是带

先记个东西，方便我忘了来找obj.offsetWidth会计算包括border、padding,如只需width用以下方法获取css样式:IE:obj.currentStyle[attr]Firefox

window.onload=function(){varcontainer=document.getElementById('container');functiongetStyle(obj,attr){if(obj.currentStyle

获取到CSS值兼容性functiongetStyle(obj,attr){returnobj.currentStyle?

这里面为什么用*zoom:1——为了让元素的hasLayout生效，变为true（可由objElement.currentStyle.hasLa

obj.offsetTop;obj=obj.offsetParent;}return{left:l,top:t};}2.获取非行间样式functiongetStyle(obj,name){returnobj.currentStyle

A.我今天学了什么1.js获取css样式functiongetStyle(ele,name){if(ele.currentStyle){//iereturnoDiv.currentStyle[name]

getStyle获取元素样式兼容IE火狐functiongetStyle(obj,attr){if(obj.currentStyle){returnobj.currentStyle[attr];}else

如果该属性存在于style[]中，则它最近被设置过(且就是当前的)if(elem.style[name]){returnelem.style[name];}//否则，尝试IE的方式elseif(elem.currentStyle

获取样式：封装了一个获取非行间样式：封装：就是把代码包裹起来特点：a).通用性b).方便functiongetStyle(obj,name){returnobj.currentStyle?

并不支持只好自己动手修改了我这里关键词用的是栏目的关键词根据栏目的关键词调用区分我用的版本是5.7找到include\taglib目录下的channel.lib.php找到$attlist="typeid|0,reid|0,row|100,col|1,type|son,currentstyle

一个小应用，可以让自己找到代码的乐趣代码引用非行间样式兼容源码functiongetStyle(obj,name){if（obj.currentStyle）{//currentStyle兼容高级版本obj.currentStyle

通常用于网站导航以获取站点栏目信息，方便网站会员分类浏览整站信息语法：{eyou:channeltype='top'row='8'currentstyle='active'}{$field.typename

functiongetStyle(obj,name){if(obj.currentStyle){returnobj.currentStyle[name];}else{returngetComputedStyle

{eyou:channeltype="top"row="10"id="field"currentstyle="active"}{$field.typename}{eyou:notemptyname="$

IE和Opera浏览器：obj.currentStyle[attr];其他w3c浏览器：window.getComputedStyle(obj/元素,null/伪类)[attr];伪类是必须的，没有用null

【获取非行间样式】getComputedStyle(obj,false).widthchromeFFie9+注：false:没用，只是为了兼容老版本的火狐;obj.currentStyle.widthie78

/*获取元素属性函数*/functiongetStyle(obj,attr){if(obj.currentStyle){returnobj.currentStyle[attr];}else{returnwindow.getComputedStyle

fieldname='templeturl'/}网站标题调用标签：{dede:globalname='cfg_webname'/}栏目导航调用标签：首页{dede:channeltype='top'row='8'currentstyle

ie.png内容都是自己总结的，不免会出现错误或者bug，欢迎更正和补充，本篇内容也会不断更新1.关于获取行外样式currentStyle和getComputedStyle出现的兼容性问题我们都知道js

下面代码是指定第2，3，6，9条加|样式{eyou:channeltype="top"row="10"id="field"currentstyle="cur"}{$field.typename}{eyou

今日观看智能社的javascript视频之深入javascript,主要学习的内容有如下几点:1.获取非行间css样式的方法://IEobj.currentStyle[attr]//FFChromegetComputedStyle

获取元素的属性的函数并进行了兼容性处理：1functiongetStyle(obj,attr){2if(obj.currentStyle){//IE浏览器3returnobj.currentStyle[

获取元素的属性的函数并进行了兼容性处理：1functiongetStyle(obj,attr){2if(obj.currentStyle){//IE浏览器3returnobj.currentStyle[

//获取相关CSS属性(兼容性考虑)vargetCss=function(o,key){//getComputedStyle是为了兼容FF浏览器returno.currentStyle?

window.getComputedStyle){returnwindow.getComputedStyle(elem,fakeNode)[prop];}else{//低版本IEreturnelem.currentStyle

参考文章：js中style,currentStyle和getComputedStyle的区别_百度知道getComputedStyle()与currentStyle属性的差别详解。

宽高即为content的宽高IE盒模型：border-box宽高为content+padding+border获取盒子的宽高dom.style.width/height只能获取内联样式设置的宽高dom.currentStyle.width

不废话上代码//获取非行间样式functiongetStyle(obj,name){return(obj.currentStyle||getComputedStyle(obj,false))[name]

如何获取盒模型对应的宽和高//只能取到内联样式的宽高console.log('style:'+box.style.width)//100px//内联样式和外联样式的宽高都能取到，但只有IE支持console.log('currentStyle

fieldname='templeturl'/}网站标题调用标签：{dede:globalname='cfg_webname'/}栏目导航调用标签：首页{dede:channeltype='top'row='8'currentstyle

IE中则用currentStyle代替。语法：arr_style=window.getComputedStyle(elem_id,ov)其中ov:伪元素，是否要获取伪元素属性值。

obj,attr){if(window.getComputedStyle){returnwindow.getComputedStyle(obj.false)[attr];}else{returnobj.currentStyle

获取样式值(行内和非行内)//w3cgetComputedStyle(元素对象,null).属性名//ie8及以下版本元素对象.currentStyle.属性名varoD=document.getElementById

getComputedStyle:计算后的（生效的）样式用法：getComputedStyle(obj,false).样式;--false:伪类伪元素兼容性：ChromeFFIE9+不兼容：ie8ie7..以下obj.currentStyle

获取非行间样式#div1{height:200px;width:200px;background-color:red;}functiongetStyle(obj,name){if(obj.currentStyle

JS设置和获取盒模型的宽和高dom.style.width/height：只能取出内联样式的宽度和高度dom.currentStyle.width/height：获取即时的计算的样式，但是只有IE支持window.getComputedStyle

dom.style.width/height：只能取出内联样式的宽度和高度dom.currentStyle.width/height：获取即时的计算的样式，但是只有IE支持window.getComputedStyle

如下所示：functiongetStyle(node,property)｛if(node.style[property])｛returnnode.style[property];｝elseif(node.currentStyle

functiongetStyle(obj,attr){if(obj.currentStyle){returnobj.currentStyle[attr];//为了获取IE下的属性值}else{re

style、currentStyle、getComputedStyle区别介绍样式表有三种方式内嵌样式（inlineStyle）：是写在Tag里面的，内嵌样式只对所有的Tag有效。

我们先来看看之前的运动框架functiongetStyle(obj,name){if(obj.currentStyle){returnobj.currentStyle[name];}else{returngetComputedStyle