写组件时有时想把一些组件特性相关的半铸钢钢性铸铁(铸造半钢)样式封装在射流研究…里，这样更内聚，改起来方便JS。动态插入半铸钢钢性铸铁(铸造半钢)两个步骤：创建1、一个风格对象2、使用样式表的插入规则或添加规则方法添加样式

一、查看样式表

先看下文档。样式表，随意打开一个页面

其中前三个是通过环标签引入的半铸钢钢性铸铁(铸造半钢)文件，第四个是通过风格标签内联在页面里的CSS。有如下属性

每一个cssRule又有如下属性

其中的cssText正是写在风格的源码。

二、动态插入半铸钢钢性铸铁(铸造半钢)首先，需要创建一个风格对象，返回其样式表对象

/* * 创建一个风格，返回其样式表对象* 注意：IE6/7/8中使用风格。样式表其它浏览器风格。工作表*/函数创建样式表(){ var head=document。head | |文档。getelementsbytagname(' head ')[0]；var style=文档。创建元素(“样式”)；风格。type=' text/CSS '；head.appendChild(样式);返回style.sheet | |样式。样式表；}添加函数添加规则如下

/* * 动态添加半铸钢钢性铸铁(铸造半钢)样式* @param选择器{string}选择器* @param规则字符串CSS样式规则* @param索引{number}插入规则的位置，靠后的规则会覆盖靠前的*/函数addCssRule(选择器、规则、索引){ index=index | | 0；if(表。insertrule){ sheet。insertrule(选择器规则' } '，索引);} else if(工作表。AddRule){ sheet。AddRule(选择器、规则、索引);}}需要注意，标准浏览器支持插入规则低版本则支持添加规则。完整代码如下

/* * 动态添加半铸钢钢性铸铁(铸造半钢)样式* @param选择器{string}选择器* @param规则字符串CSS样式规则* @param索引{number}插入规则的位置，靠后的规则会覆盖靠前的*/var addCssRule=function() { //创建一个风格，返回其样式表对象//注意：IE6/7/8中使用风格。样式表其它浏览器样式表函数创建样式表(){ var head=document。head | |文档。getelementsbytagname(' head ')[0]；var style=文档。创建元素(“样式”)；风格。type=' text/CSS '；head.appendChild(样式);返回style.sheet | |样式。样式表；} //创建样式表对象var sheet=CreateStyleSsheet()；//返回接口函数返回函数（选择器、规则、索引){ index=index | | 0；if(表。insertrule){ sheet。insertrule(选择器规则' } '，索引);} else if(工作表。AddRule){ sheet。AddRule(选择器、规则、索引);} }}();如果只支持移动端或现代浏览器，可以去掉低版本工业管理学(工业工程)判断的代码

/* * 动态添加半铸钢钢性铸铁(铸造半钢)样式* @param选择器{string}选择器* @param规则字符串CSS样式规则* @param索引{number}插入规则的位置，靠后的规则会覆盖靠前的，默认在后面插入*/var addCssRule=function() { //创建一个风格，返回其样式表对象函数CreateStyleSsheet(){ var style=document。create element(' style ')；风格。type=' text/CSS '；document.head.appendChild(样式);返回style.sheet} //创建样式表对象var sheet=CreateStyleSsheet()；//返回接口函数返回函数（选择器、规则、索引){ index=index | | 0；sheet.insertRule(选择器“{ rules }”，索引);}}();以上就是Java脚本语言动态插入半铸钢钢性铸铁(铸造半钢)的方法，希望对大家的学习有所帮助。