记一个有用的函数，我们平时都是用offsetWidth,offsetHeight取得元素的宽高，但是当元素有border、padding、margin，在做动画时会出现一些问题。所以我们可以写一个函数获得样式里写的宽高。
function getStyle(obj,attr){
if(obj.currentStyle){
return obj.currentStyle[attr];
}else{
return getComputedStyle(obj,false)[attr];
}
}
分享到：
相关推荐
在网页开发中，获取元素的CSS样式属性是一个常见的任务，特别是在使用JavaScript库如jQuery时。本文将详细讨论如何使用jQuery来获取第一个段落（`<p>`元素）的`color`样式属性的值。 首先，我们需要理解jQuery选择...
- **改变 input 元素的样式**：使用 `$(window.frames["iframe1"].document).find("input[@name='t1']").css({background:"#369"})` 可以更改名为 "t1" 的输入框的背景色。 5. **加载 iframe 的新源**：`$("#...
或者，也可以使用如下方式来修改其样式： ```javascript window.btn_ok.style = {}; ``` 然而，需要注意的是，这种通过window对象访问元素的方式只适用于那些通过id属性标记的元素，并且它们的id名称不与全局变量...
本文将详细讲解如何使用jQuery来取得`iframe`中元素的方法。 首先，我们要明确一点：跨域的`iframe`是无法直接进行DOM操作的，这是浏览器的安全策略，以防止恶意网站对其他网站的页面进行篡改。但如果是同源策略下...
这在判断元素样式状态时非常有用。 3. `first()`：此方法返回匹配元素集中的第一个元素。例如，`$('div').first()`将返回页面上的第一个`<div>`元素。 4. `last()`：与`first()`相反，`last()`返回匹配元素集中的...
jQuery作为一个流行的JavaScript库，极大地简化了JavaScript编程，尤其在操作DOM元素的内容和样式方面。本文将基于给定内容，详细地介绍如何使用jQuery来操作元素的内容和样式，并提供完整的实例代码分析。 首先，...
此外，通过掌握这一点，开发者可以在处理DOM元素时实现更精确的元素选择与操作，例如，基于元素类型来决定不同的事件处理方式或应用不同的样式规则。 最后，本文也强调了代码示例的重要性，并鼓励开发者通过查看...
【楚凤元素的文化内涵与造型特征】 ...通过深入挖掘楚凤元素的文化内涵，理解目标消费者的喜好，设计师可以打造出既能传承楚文化，又能吸引现代消费者的服装作品，为楚凤元素注入新的生命力，并在市场中取得成功。
**DIV+CSS样式布局**是网页设计中常用的技术，它能有效地实现网页的结构与表现分离，提高网页的可维护性和可访问性。本教程旨在帮助学习者快速掌握这一技术，以...祝你在学习Div+CSS样式布局的过程中取得显著的进步！
**CSS样式表高级应用** **一、CSS样式表概述** CSS（Cascading Style Sheets）是一种样式表语言，用于描述HTML或XML（包括各种XML方言，如SVG、...通过持续的实践和探索，你将在CSS样式表高级应用上取得更大的进步。
CSS（Cascading Style Sheets）是用于控制网页元素呈现方式的样式表语言。它的中文名称为层叠样式表，其功能主要是美化和定制HTML元素的外观。CSS的语法结构包括选择符和属性，如`选择符{属性1:属性值;属性2:属性值}...
在IT行业中，CSS3是一种强大的样式表语言，用于定义网页元素的布局、颜色、字体等视觉效果。"纯css3绘制旺仔头像样式代码"的主题聚焦于利用CSS3的特性来创建一个知名的卡通人物——旺仔的头像。这个项目展示了CSS3的...
2. **取得控件绝对位置**：在JavaScript中获取控件的绝对位置是通过DOM操作实现的。可以使用`getBoundingClientRect()`方法，它返回元素的大小及其相对于视口的位置。通过这个信息，我们可以确保下拉菜单在输入框的...
首先，内联样式可以通过元素的style属性直接访问，如果存在background-color属性值，就可以直接取得。然而，除了内联样式之外，元素的最终背景色还可能受到外部CSS规则的影响。这就需要使用DOM提供的CSS样式计算方法...
总的来说，通过理解CSS伪元素的概念，结合JavaScript的 `getComputedStyle` 方法及其兼容性处理，开发者可以有效地获取到CSS伪元素的属性值，这在处理复杂的页面样式动态调整时是非常有用的。不过，需要注意的是，...
总的来说，获取JavaScript中DOM元素的`top`, `left`, `width`, `height`值涉及多个方法和属性，具体使用哪种取决于你的需求，如精确的视口位置、CSS样式或相对于父元素的位置等。同时，浏览器信息的检测也是Web开发...
CSS（Cascading Style Sheets）是用于控制网页元素样式的一门语言，我们可以利用CSS来定义图片边框的颜色、宽度、样式等属性。以下是一些基本的CSS样式规则，用于给图片添加边框： 1. 边框颜色：使用`border-color`...
本教程“精通CSS+DIV网页样式与布局1-2章实例”旨在帮助初学者快速掌握这一核心技术，同时也适合有一定基础的学习者更新知识。在前两章中，我们将深入探讨以下几个关键知识点： ...祝你在学习过程中取得显著的进步！
- **children()**：取得一个包含匹配元素集合中每个元素的子元素的元素集合。 - **filter()**：将匹配元素集合缩减为匹配选择器或匹配函数返回true的那些元素。 - **find()**：在指定的后代元素中查找匹配的元素。 -...