`
liuguofeng
  • 浏览: 452924 次
  • 性别: 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样式对照

    ### JS与CSS样式对照知识点详解 #### CSS样式与JavaScript属性对照表 在Web开发中，JavaScript经常被用来动态地修改CSS样式，实现页面元素的动态效果。为了方便开发者理解和使用，这里详细介绍了一些常用的CSS样式...

    Javascript获取相同CSS样式的元素

    在JavaScript中获取具有相同CSS样式的元素是一项常见的任务，特别是在进行网页动态效果或者交互设计时。这个主题主要涉及DOM操作、CSS选择器以及jQuery库（因为文件名中有"jq"，我们推测可能使用了jQuery）。下面...

    js获取样式表里面的内容

    在JavaScript（JS）中获取CSS样式表的内容是前端开发中常见的需求，这主要涉及到DOM（文档对象模型）操作和CSSOM（CSS对象模型）的应用。本文将深入探讨如何利用JavaScript来获取CSS样式表中的信息，特别是针对`...

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

    在JavaScript中，获取CSS样式的方法主要有两种：`element.style` 和 `window.getComputedStyle()` 或 `element.currentStyle`（仅IE浏览器）。这些方法可以帮助开发者在运行时动态地读取或修改页面元素的样式。 ...

    获取css样式 兼容写法

    在前端开发中，获取CSS样式是一项基础且重要的任务，它涉及到浏览器兼容性和各种不同方法的运用。本篇文章将深入探讨如何在不同的环境下有效地获取CSS样式，确保代码在各种浏览器上都能正常工作。 首先，让我们从...

    js改变css样式

    在本文中，我们将深入探讨如何使用JavaScript来动态地改变CSS样式，以实现如标题所示的效果——通过页面JS事件改变字体颜色和背景颜色。 首先，我们需要了解JavaScript的基本概念。JavaScript是一种解释型的、弱...

    解析js如何获取css样式

    JavaScript获取CSS样式是Web开发中的常见任务，尤其在动态改变元素外观或进行复杂交互时尤为重要。本文将深入探讨如何使用JavaScript获取元素的内联样式、内部样式表样式以及外部样式表样式。 首先，我们来看如何...

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

    总结，JavaScript获取CSS样式的方式主要有三种：行间样式直接通过`element.style`获取，内联样式通过`getComputedStyle`或`currentStyle`，而外链样式则通过`document.styleSheets`和`cssRules`。在编写代码时，考虑...

    JavaScript修改css样式style

    - `element.style.property`：通过这个语法，可以获取或设置指定元素的 CSS 样式。例如，`document.getElementById('myDiv').style.color = 'red'` 将改变 ID 为 'myDiv' 的元素的颜色为红色。 - 注意，这种方式...

    js添加css样式小技巧

    ### js添加css样式小技巧 在前端开发过程中，经常需要使用JavaScript动态地为网页元素添加或修改CSS样式。本文将详细介绍几种使用JavaScript添加CSS样式的技巧，并解释它们的工作原理及适用场景。 #### 一、使用`...

    JS使用getComputedStyle()方法获取CSS属性值

    首先，我们需要了解，在使用JavaScript获取CSS样式时，会遇到两个问题。第一个问题是，element.style属性只能获取到直接写在HTML标签的style属性中的样式值，而无法获取通过外部样式表或内部样式表定义的样式。例如...

    java控制css样式的读写

    在Java编程中，控制CSS样式的读写是一项重要的任务，特别是在构建动态网页或者服务器端渲染时。CSS（层叠样式表）是用于定义HTML或XML（包括如SVG、MathML等各种XML方言）文档呈现的样式语言，而Java作为后端语言，...

    JavaScript改变CSS样式的方法汇总

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

    css样式背景下载提取器

    当我们在分析或复制一个网站的设计时，有时需要获取CSS中的所有背景图片，以便于本地化资源或进行设计研究。"CSS样式背景下载提取器"就是这样一个工具，它能够智能地从CSS文件中识别并提取出所有的背景图片URL，从而...

    javascript Css 样式

    通过JavaScript获取或设置CSS样式属性，可以实现精细的样式控制；使用CSS3的动画和过渡效果，再配合JavaScript的定时器，可以创建流畅的动态效果。 在文件名列表中提到的“02、03、01”可能对应的是教程或代码示例...

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