`
liuguofeng
  • 浏览: 436073 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

js 获取css 样式

 
阅读更多 
<!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-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
	#div-01{width:100px; height:100px; border:solid 10px #000; background:#eee;/* padding:10px; margin:10px;*/}
</style>
</head>
<body>
	<div id="div-01"></div>
</body>
</html>
<script type="text/javascript">
	//获取浏览器的渲染模式
	alert(document.compatMode);
	//通过js获取css的属性值
	//内联样式document.getElementById().style.width;<div style='width:100px; height:100px; border:solid 10px #000; background:#eee;'></div>
	function getStyle(obj,attr){   
        if(obj.currentStyle){   
            return obj.currentStyle[attr];   
        }   
        else
		{   
            return document.defaultView.getComputedStyle(obj,null)[attr];   
        }   
	}  
	var bb=document.getElementById('div-01');
	alert(getStyle(bb,'width'));
</script>
分享到：
| xhtml标签中的块级元素标签与内联元素标签
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    老生常谈JavaScript获取CSS样式的方法(兼容各浏览器)

    众所周知，CSS样式有三种类型：行内样式、内部样式和外部样式，JavaScript获取CSS样式时分为两种情况：行内样式获取法 和 非行内样式获取法 。 一、行内样式获取相对简单，通过element.style.attr（元素.style.属性...

    JS获取CSS样式（style/getComputedStyle/currentStyle）

    CSS的样式分为三类： 内嵌样式：是写在Tag里面的，内嵌样式只对所有的Tag有效。...返回的是一个CSS样式对象([object CSSStyleDeclaration]) currentStyle是IE浏览器的一个属性，返回的是CSS样式对象 el

    Javascript获取相同CSS样式的元素

    NULL 博文链接：https://xiongjiajia.iteye.com/blog/1554647

    js获取样式表里面的内容

    利用js获取到css里面的内容

    JavaScript改变CSS样式的方法汇总

    JavaScript允许你即时的改变CSS样式，这样就可以将用户的眼球吸引到你想他们关注的地方上，并且提供较好的交互体验给力 。 JavaScript修改CSS有4种方法： 修改节点style（内联样式）； 改变节点class或id； 写入新的...

    原生JS实现获取及修改CSS样式的方法

    主要介绍了原生JS实现获取及修改CSS样式的方法,结合实例形式简单分析了JavaScript针对页面元素属性动态操作相关实现技巧,需要的朋友可以参考下

    js获取css的各种样式并且设置他们的方法

    js原生获取css样式,并且设置,看似简单,其实并不简单,我们平时用的ele.style.样式,只能获取内嵌的样式,但是我们写的样式基本都在style属性里面; 这里我们就需要： 下面这个代码主要是设置为了兼容IE这孙子; function...

    解析js如何获取css样式

    本文主要对javascript如何如何获取css样式进行简要分析，需要的朋友可以看下，希望对大家有所帮助

    手机Web页面CSS样式及JS进行PC远程调试【图文】

    手机Web页面CSS样式及JS进行PC远程调试【图文】教程。 和浏览器F12一样的调试效果，在电脑上改css或js，手机端不需要刷新页面，立即生效！

    JavaScript获取css行间样式,内连样式和外链样式的简单方法

    下面小编就为大家带来一篇JavaScript获取css行间样式,内连样式和外链样式的简单方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

    原生javascript实现读写CSS样式的方法详解

    可能大家一说起操作css样式，很多人都会想到jQuery的css方法：$(selector).css(name) ，但是有思考过如何使用原生js来实现类似的功能么？ 大家最熟悉的原生js操作样式的方法非DOM中的Style对象莫属了，但是这个方法...

    js判断是手机还是pc并调用不同css样式

    if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|wOSBrowser|...link href="css/mobile.css" rel="stylesheet" type="text/css" media="screen" /&gt;'); }判断手机端访问调用的css

    js正确获取元素样式详解

    在说js获取元素样式之前，简单地谈一下样式 样式分三种 外部样式 External Style Sheet 以CSS为扩展名的文件（又称为”超文本样式表”文件），它的作用范围可以是多张网页，或整个网站，甚至不同的网站。与网页链接...

    javascript 获取元素样式必杀技

    Javascript获取CSS属性值方法：getComputedStyle和currentStyle 1 .对于元素的内联CSS样式（&lt;div xss=removed&gt;hello），可以直接使用element.style.color来直接获取css属性的值； 2. 但是对于外部定义的css样式使用...

Magicbox
Global site tag (gtag.js) - Google Analytics