javascript为DOM元素设置样式

    
    
    
    
    
    
    
    


    

        远地本着“构筑诚信，永续发展”的理念为客户提供专业的理财服务、财富管理以及产品方案推荐。
        远地都进来看看撒将通过自身的专业优势和有效的信息交流平台，为资金富裕方和资金需求方打造一个专业，诚信，共赢，睿智的服务平台，
        帮助客户实现稳定、安全的财富增值，帮助更多优秀的中小型企业融资成功。
    
    

        远地秉承“奉献、拼搏、勤奋、团结奉献”的职业精神，已为200多家企业包括国企、民企和院所提供了企业转型升级、
        战略规划设计、集团组建、组织管理、质量管理体系、人力资源管理体系、财务风险管控和企业综合咨询等服务。
        并与100多家企业建立长期战略伙伴的合作关系。。
    
    

        远地秉承“奉献、拼搏、勤奋、团结奉献”的职业精神，已为200多家企业包括国企、民企和院所提供了企业转型升级、
        战略规划设计、集团组建、组织管理、质量管理体系、人力资源管理体系、财务风险管控和企业综合咨询等服务。
        并与100多家企业建立长期战略伙伴的合作关系。。
    
    

        远地本着“构筑诚信，永续发展”的理念为客户提供专业的理财服务、财富管理以及产品方案推荐。
        远地都进来看看撒将通过自身的专业优势和有效的信息交流平台，为资金富裕方和资金需求方打造一个专业，诚信，共赢，睿智的服务平台，
        帮助客户实现稳定、安全的财富增值，帮助更多优秀的中小型企业融资成功。
    
    

        远地秉承“奉献、拼搏、勤奋、团结奉献”的职业精神，已为200多家企业包括国企、民企和院所提供了企业转型升级、
        战略规划设计、集团组建、组织管理、质量管理体系、人力资源管理体系、财务风险管控和企业综合咨询等服务。
        并与100多家企业建立长期战略伙伴的合作关系。。
    
    
点击禁用样式表
    
点击
    
点击
    
点击
    
点击
    

1）使用样式表

document.stylesheets——返回样式表的集合（CSSStyleSheet[])；

1.1)CSSStyleSheet对象的成员：

    cssRules——返回样式表的规则集合（CSS）；

    deleteRule()——从样式表中移除一条规则；

    disabled——获取或设置样式表的禁用状态；

    href——返回链接样式表的href;

    insertRule(,)——插入一条新规则到样式表中；

    media——返回应用到样式表上的媒介限制集合（MediaList）；

    ownerNode——返回样式所定义的元素；

    title——返回title属性的值；

    type——返回type属性的值；

1.1.1）MediaList对象的成员：

      appendMedium()——添加一个新媒介到列表中；

      deleteMedium()——从列表中移除一个媒介；

      item()——返回指定索引的媒介；

      length——返回媒介的数量；

      mediaText——返回媒介的数量

    

1.1.2）CSSRuleList对象的成员：

      item()——返回指定索引的CSS样式（CSSStyleRule）;

      length——返回样式表里的样式数量；

1.1.2.1）CSSStyleRule对象的成员：

        cssText——获取或设置样式的文本（包括选择器）；

        parentStyleSheet——获取此样式所属的样式表；

        selectorText——获取或设置样式的选择器文本；

        style——获取一个代表具体样式属性的对象（CSSStyleDeclaration）；

2）使用元素样式

3）使用CSSStyleDeclaration对象

   cssText——获取或设置样式的文本；

   getPropertyCSSValue()——获取指定的属性（CSSPrimitiveValue）；

   getPropertyPriority()——获取指定属性的优先级；

   getPropertyValue()——获取字符串形式的指定值；

   item()——获取指定位置的项目；

   length——获取项目的数量；

   parentRule——如果存在样式规则就获取它（CSSStyleRule）;

   removeProperty()——移除指定的属性； 

   setProperty(,,)——设置指定属性的值和优先级；

   

There are lots of different kinds of fruit - there are over 500 varieties of banana alone. By the time we add the countless types of apples, oranges, and other well-known fruit, we are faced with thousands of choices.

3.1）使用细粒度的CSS DOM对象

   CSSPrimitiveValue对象的成员：

   cssText——获得一个用文本表示的值；

   getFloatValue()——获得一个数值；

   getRGBColorValue()——获得一个颜色值；

   getStringValue()——获得一个字符串值；

   primitiveType——获得值的单位类型；

   setFloatValue(,)——设置一个数值；

   setStringValue(,)——设置一个基于字符串的值；

    
        
        
        
        
        
    
    
        
There are lots of different kinds of fruit - there are over
            500 varieties of banana alone. By the time we add the countless types of
            apples, oranges, and other well-known fruit, we are faced with thousands of
            choices.
        
        

        
    

4）使用计算样式

document.defalutView.getComputedStyle()——获取某个元素的计算样式；

    
        
        
        
        
        
    
    
        
There are lots of different kinds of fruit - there are over
            500 varieties of banana alone. By the time we add the countless types of
            apples, oranges, and other well-known fruit, we are faced with thousands of
            choices.