获取非行内样式的兼容写法

原生js获取元素非行内样式属性的方法

获取当前对象的样式DOM标准中的全局方法 getComputedStyle(obj).width (获取元素的宽度),但在非标准IE浏览器(IE8)以下有兼容问题IE8以下要这样写 obj.currentStyle.width 这样的话在IE8以下正常显示,但标准浏览器下又会报错,所以一要判断一下 //getStyle()函数,获取元素的非行内样式 //使用方法 getStyle(元素,"属性名") 如:getStyle(oBox,"background") fu

js获取非行内样式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

JS获取非行间样式及兼容问题

获取非行间样式: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>获取非行间样式</title> <style> #div1{height: 200px;width: 200px;background-color: red;} </style> <script> fun

javascript常用函数封装——运动、cookie、ajax、获取行内样式兼容写法、拖拽

运动.cookie.ajax.获取行内样式兼容写法.拖拽封装大合集. //url,data,type,timeout,success,error function ajax(options){ //-1 整理options options=options||{}; options.data=options.data||{}; options.timeout=options.timeout||0; options.type=options.type||'get'; //0 整理data var a

js兼容总结之获取非行间样式

非行间样式案例 #div1 { width: 200px; height: 200px; background: red; } IE获取非行间样式 var oDiv = document.getElementById('div1'); oDiv.currentStyle.width; Chrome/FF获取非行间样式 var oDiv = document.getElementById('div1'); oDiv.getComputedStyle(oDiv,false).width; 我的兼容性

获取非行间样式getComputedStyle

有如下代码: 1 2 3 div { width: 200px; } 1 2 3 <div id="aa" style="height: 100px;"> xxxx </div> 1 2 3 4 5 6 7 8 9 var div = document.getElementById("aa"); var h = div.style.height; var w = div.style.width;

JavaScript获取非行间样式/定义样式

html节点的样式分为以下几种 (1)浏览器默认样式 (2)引用样式(引用外部css文件的样式.style标签内定义的样式) 引用外部css样式:<link rel="stylesheet" href="css/style.css" type="text/css"> style标签内:<style> width:100px; </style> (3)行间样式(节点style属性定义的样式)比如:<div

js获取非行间样式/定义样式

<html> <head> <meta charset="utf-8" /> <style> *{ text-align:center;} input{ margin-top:30px; padding:10px 20px;} #div1{ width:500px; height:300px; background:red; margin:10px auto;} </style&g

js获取非行间样式或定义样式

<html> <head> <meta charset="utf-8" /> <style> *{ text-align:center;} input{ margin-top:30px; padding:10px 20px;} #div1{ width:500px; height:300px; background:red; margin:10px auto;} </style&g

js获取非行间样式/写入样式（行间）

<html> <head> <meta charset="utf-8" /> <style> *{ text-align:center;} input{ margin-top:30px; padding:10px 20px;} #div1{ width:500px; height:300px; background:red; margin:10px auto;} </style&g

js和jquery中获取非行间样式

样式又分为了行间样式和非行间样式.一般来说行间样式用的是比较少的,因为它能够作用的范围就只有一个元素,而非行间样式的作用范围可以是一类元素(即拥有相同德标签,或者说是有相同的类名,(当然id名不可能相同,唯一性) 那么来说说在js和jquery中,有时候需要获取元素的样式,比如说width或者height,在这种情况下如何获取? js中 1.行间样式: 相信大家无论是看书还是咋滴,都知道怎么获取行间样式吧,就是利用一个style: 这种利用style的方式获取的只能是行间样式. 2.非行间样式

JS获取非行间样式

我们都知道用offset函数获取元素样式是一件很方便的事,但是offset只能获取行间样式,而无法获得非行间样式,这是它的瓶颈所在. 我们都知道js获取行间样式的方法,那么js是如何获取行距样式的呢? 首先让我们看一下js是如何获取行间样式的: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona

javascript中获取非行间样式的方法

我们都知道一般在javascript中获取样式一般用的是nodeObj.style.attr这个属性的,但是这个属性只能获取行间样式非行间样式比如写在样式表中的样式那么用nodeObj.style.attr获取就是一个空字符. 今天我们来介绍下要获取节点计算后的样式就是不一定写在行间样式的方法. 1:window.getComputedStyle(obj,false)['attr']方法这是BOM(浏览器window对象)提供的方法 ,所以可以直接写成getComputedStyle(node

js中获取元素的样式兼容性的写法

1:设计元素的样式:el.style.color="red"||el.style["color"]="red" 获取元素的样式:el.style.color||el.style["color"](只能获取直接样式的值) 获取内部样式或外部样式的值: function getStyle(ele,style){ return ele.currentStyle?obj.currentStyle[style

js获取样式的兼容写法

var currentStyle = function(element){ return element.currentStyle || document.defaultView.getComputedStyle(element, null); }

js 获取非行间样式

1.getComputedStyle(nodeObj,false):该方法是BOM对象,第一个是要获取样式的节点对象:第二个可以写成任何的字符一般写成false或者null,这里最好是用false因为用null IE9+会有问题:后面直接跟要获取的样式(写在方括号中)即可 var style=getComputedStyle(div,false)['width']; 但是该方法具有兼容性,IE8以下不支持该方法 2.currentStyle['attr']; 该属性返回的也是是一个对象,也是计算

JavaScript获取非行间样式

<html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style type="text/css"> #div1 { width:100px; height:100px; background: red; } </style> </head> <body> <div id="div1

JS中一些常用的兼容写法

1.滚动条到顶端的距离var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;2.滚动条到左端的距离var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;3.通过class属性获取页面元素对象的兼容function byClassName(obj,className){ if

JavaScript 学习—— js获取行间样式和非行间样式

1. 问题引入 <head> <style> #div1{ width:150px; height:200px; position:absolute; left:-150px; background: green; } </style> <script> window.onload = function(){ var oDiv1 = document.getElementById('div1'); alert(oDiv1.style.left); //获取l

火狐下不能使用非行间样式currentStyle用getComputedStyle获取

用js的style属性可以获得html标签的样式,但是不能获取非行间样式.那么怎么用js获取css的非行间样式呢?在IE下可以用currentStyle,而在火狐下面我们需要用到getComputedStyle.下面是一个小示例:

获取非行内样式的兼容写法

热门专题