//获得dom css的方法
function getStyle( elem, name )
{
//如果该属性存在于style[]中,则它最近被设置过(且就是当前的)
if (elem.style[name])
{
return elem.style[name];
}
//否则,尝试IE的方式
else if (elem.currentStyle)
{
return elem.currentStyle[name];
}
//或者W3C的方法,如果存在的话
else if (document.defaultView && document.defaultView.getComputedStyle)
{
//它使用传统的"text-Align"风格的规则书写方式,而不是"textAlign"
name = name.replace(/([A-Z])/g,"-$1");
name = name.toLowerCase();
//获取style对象并取得属性的值(如果存在的话)
var s = document.defaultView.getComputedStyle(elem,"");
return s && s.getPropertyValue(name);
//否则,就是在使用其它的浏览器
}
else
{
return null;
}
}
分享到:
相关推荐
通过 `javascipt和css属性对照.doc` 文件,你可以系统地学习并对比这两种语言的属性,进一步提升你的前端技能。 记住,学习 JavaScript 和 CSS 的属性对照不仅仅是了解它们的用法,还要深入理解其工作原理,这样...
在JavaScript中,获取CSS属性,特别是像`background-image`这样的复合属性,可能需要一些技巧。在上述场景中,开发者遇到了一个问题,需要从CSS的`background-image`属性中提取出图片URL。`background-image`属性...
在JavaScript中,获取...总之,JavaScript获取CSS属性值需要处理各种情况,包括内联样式、外部样式表以及浏览器兼容性问题。`getStyleValue`函数提供了一个基础解决方案,但更复杂的场景可能需要更高级的策略和API。
获取CSS属性通常通过元素的`style`对象来完成。这个对象包含了元素所有内联样式的属性。例如,如果我们想要获取一个元素的宽度,可以这样做: ```javascript let element = document.getElementById('myElement'); ...
本篇文章将详细解析CSS属性在JavaScript中的对应关系,并探讨如何在JavaScript中操作这些属性。 1. **颜色属性**: - `color`:在JavaScript中,可以使用`element.style.color`来设置或获取元素的文本颜色。 - `...
- **CSS属性**:`border` - **JavaScript属性**:`border` - **CSS属性**:`border-bottom` - **JavaScript属性**:`borderBottom` - **CSS属性**:`border-bottom-color` - **JavaScript属性**:`...
JavaScript 获取 CSS 属性值的代码 在 Web 开发中,获取 CSS 属性值是一项非常重要的任务,因为它可以帮助我们更好地控制网页的样式和布局。JavaScript 提供了多种方法来获取 CSS 属性值,本文将介绍其中的一些。 ...
标签“js 获取属性值”进一步明确了讨论的主题,即如何通过JavaScript获取CSS属性值。 在提供的代码示例中,定义了一个名为`getStyle`的函数,该函数接受两个参数:`obj`表示目标元素,`attr`表示要获取的CSS属性名...
本文将详细介绍如何利用JavaScript控制CSS属性,并提供一份详尽的属性对照表,帮助读者更好地理解和掌握这一技能。 #### 二、基础知识 ##### 2.1 CSS属性 CSS属性定义了HTML元素的外观和布局。它们由属性名和值...
对照表可能包含以下内容:CSS属性、其JavaScript等价物、以及如何在JavaScript中读取和设置这些属性。例如,CSS中的`font-size`在JavaScript中对应`style.fontSize`,`background-color`对应`style.backgroundColor`...
本文将详细阐述使用getComputedStyle()方法来获取CSS属性值的知识点。 首先,我们需要了解,在使用JavaScript获取CSS样式时,会遇到两个问题。第一个问题是,element.style属性只能获取到直接写在HTML标签的style...
JavaScript访问CSS属性主要涉及两种方式:通过元素访问和直接访问样式表,以及一个重要的概念——运行时样式。这两种方法在JavaScript中用于动态操作网页样式,提供了丰富的可能性。 1. **通过元素访问** 这种方式...
`:css`选择器允许你指定一个CSS属性和对应的值。 此外,jQuery还提供了`.filter()`方法,允许你提供自定义的过滤函数来筛选元素: ```javascript var redElements = $('*').filter(function() { return $(this)....
通过JavaScript,我们可以在用户与网页交互时实时更新CSS属性,如颜色、大小、位置等,从而创建出动态和响应式的用户体验。 在JavaScript中,我们可以使用DOM(Document Object Model)来访问和修改HTML元素。DOM是...
Javascript获取CSS属性值方法:getComputedStyle和currentStyle 1 .对于元素的内联CSS样式(<div xss=removed>hello),可以直接使用element.style.color来直接获取css属性的值; 2. 但是对于外部定义的css样式使用...
众所周知,CSS样式有三种类型:行内样式、内部样式和外部样式,JavaScript获取CSS样式时分为两种情况:行内样式获取法 和 非行内样式获取法 。 一、行内样式获取相对简单,通过element.style.attr(元素.style.属性...