`
shuaigg.babysky
  • 浏览: 567608 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

javascript获取css属性

阅读更多

//获得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;
                }
            }

分享到:
评论

相关推荐

    Javascript和Css属性对照

    通过 `javascipt和css属性对照.doc` 文件,你可以系统地学习并对比这两种语言的属性,进一步提升你的前端技能。 记住,学习 JavaScript 和 CSS 的属性对照不仅仅是了解它们的用法,还要深入理解其工作原理,这样...

    Javascript获取background属性中url的值

    在JavaScript中,获取CSS属性,特别是像`background-image`这样的复合属性,可能需要一些技巧。在上述场景中,开发者遇到了一个问题,需要从CSS的`background-image`属性中提取出图片URL。`background-image`属性...

    javascript 获取特定的 CSS属性值

    在JavaScript中,获取...总之,JavaScript获取CSS属性值需要处理各种情况,包括内联样式、外部样式表以及浏览器兼容性问题。`getStyleValue`函数提供了一个基础解决方案,但更复杂的场景可能需要更高级的策略和API。

    原生javascript实现css属性的set和get

    获取CSS属性通常通过元素的`style`对象来完成。这个对象包含了元素所有内联样式的属性。例如,如果我们想要获取一个元素的宽度,可以这样做: ```javascript let element = document.getElementById('myElement'); ...

    CSS属性在Javascript中对应表

    本篇文章将详细解析CSS属性在JavaScript中的对应关系,并探讨如何在JavaScript中操作这些属性。 1. **颜色属性**: - `color`:在JavaScript中,可以使用`element.style.color`来设置或获取元素的文本颜色。 - `...

    CSS和JavaScript标签style属性对照表

    - **CSS属性**:`border` - **JavaScript属性**:`border` - **CSS属性**:`border-bottom` - **JavaScript属性**:`borderBottom` - **CSS属性**:`border-bottom-color` - **JavaScript属性**:`...

    用javascript获得css中的属性值的代码

    JavaScript 获取 CSS 属性值的代码 在 Web 开发中,获取 CSS 属性值是一项非常重要的任务,因为它可以帮助我们更好地控制网页的样式和布局。JavaScript 提供了多种方法来获取 CSS 属性值,本文将介绍其中的一些。 ...

    js获取某元素的class里面的css属性值代码

    标签“js 获取属性值”进一步明确了讨论的主题,即如何通过JavaScript获取CSS属性值。 在提供的代码示例中,定义了一个名为`getStyle`的函数,该函数接受两个参数:`obj`表示目标元素,`attr`表示要获取的CSS属性名...

    js控制css属性对照表

    本文将详细介绍如何利用JavaScript控制CSS属性,并提供一份详尽的属性对照表,帮助读者更好地理解和掌握这一技能。 #### 二、基础知识 ##### 2.1 CSS属性 CSS属性定义了HTML元素的外观和布局。它们由属性名和值...

    JavaScript CSS Style属性对照表

    对照表可能包含以下内容:CSS属性、其JavaScript等价物、以及如何在JavaScript中读取和设置这些属性。例如,CSS中的`font-size`在JavaScript中对应`style.fontSize`,`background-color`对应`style.backgroundColor`...

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

    本文将详细阐述使用getComputedStyle()方法来获取CSS属性值的知识点。 首先,我们需要了解,在使用JavaScript获取CSS样式时,会遇到两个问题。第一个问题是,element.style属性只能获取到直接写在HTML标签的style...

    JavaScript访问CSS属性的几种方式介绍_.docx

    JavaScript访问CSS属性主要涉及两种方式:通过元素访问和直接访问样式表,以及一个重要的概念——运行时样式。这两种方法在JavaScript中用于动态操作网页样式,提供了丰富的可能性。 1. **通过元素访问** 这种方式...

    Javascript获取相同CSS样式的元素

    `:css`选择器允许你指定一个CSS属性和对应的值。 此外,jQuery还提供了`.filter()`方法,允许你提供自定义的过滤函数来筛选元素: ```javascript var redElements = $('*').filter(function() { return $(this)....

    JavaScript 第五章 JavaScript控制CSS

    通过JavaScript,我们可以在用户与网页交互时实时更新CSS属性,如颜色、大小、位置等,从而创建出动态和响应式的用户体验。 在JavaScript中,我们可以使用DOM(Document Object Model)来访问和修改HTML元素。DOM是...

    javascript 获取元素样式必杀技

    Javascript获取CSS属性值方法:getComputedStyle和currentStyle 1 .对于元素的内联CSS样式(<div xss=removed>hello),可以直接使用element.style.color来直接获取css属性的值; 2. 但是对于外部定义的css样式使用...

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

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

Global site tag (gtag.js) - Google Analytics