美文网首页
访问元素的css样式

访问元素的css样式

作者: 蘑菇酱960903 | 来源:发表于2018-04-01 23:06 被阅读0次
  • getPropertyCSSValue(propertyName) 返回给定属性值的CSSValue对象
  • getPropertyValue(propertyName) 返回给定属性的字符串值
  • removeProperty(propertyName) 从样式中删除给定属性
  • item(index) 返回给定位置的CSS属性的名称
  • setProperty(propertyName, value, priority) propertyName = value !important/'空字符串'
  • cssText 访问到style特性中的css代码
        function getCssStyle (ele, propertyName) {
            var value = ele.style.propertyName;
            if (!value) {
                if (document.defaultView.getComputedStyle) {
                    var css = document.defaultView.getComputedStyle(ele, null);
                    value = css? css[propertyName] : null;
                }
                else if (ele.currentStyle) {
                    value = ele.currentStyle[propertyName]; 
                }
                return value;
            }
        }

ie支持ele.curreneStyle
其他浏览器可用getComputedStyle(ele, null)
两者均返回一个CSSStyleDeclaration对象,其中包含当前元素的所有计算的样式(包括行内样式和css样式)

相关文章

  • jQuery内容整理——CSS

    .css()访问匹配元素的样式写法:.css({'属性','属性值'})|.css({属性:'属性值'}) .o...

  • 访问元素的css样式

    getPropertyCSSValue(propertyName) 返回给定属性值的CSSValue对象 getP...

  • 2019-01-02

    第12章 DOM2和DOM3 12.2 样式 12.2.1 访问元素的样式 在style特性中指定的任何CSS属性...

  • JavaScript 与 CSS

    最初 IE 为页面上的每个元素都设置了 style 对象来管理 CSS 样式。后来,DOM 也将该对象作为访问元素...

  • jQuery元素的操作

    样式操作样式的设置 css方法操作的是元素的行内样式//css方法// $('#test').css('backg...

  • 前端学习Day 6

    css 层叠样式表 一、三种css样式使用方式 1.内联样式将css的样式直接用在页面元素中,直接作用于这个元素。...

  • css继承,层叠,优先级

    css继承 父元素设置样式后,子元素会从父元素那去继承部分相应的样式。减少css设置。 层叠 可以定义多个样式 不...

  • 前端样式 盒子的翘边阴影 (利用伪元素)

    CSS样式 HTML元素 如图

  • CSS(flex)

    父元素样式 子元素样式 参考 CSS Flexible Box Layout box-flex

  • DOM获取查找元素

    DOM获取元素怎么获取一个元素通过ID,通过标签名,通过那么属性,通过CSS类怎么访问一个元素的样式如何设置和删除...

网友评论

      本文标题:访问元素的css样式

      本文链接:https://www.haomeiwen.com/subject/uoczcftx.html