在JS中动态设置CSS样式的一般方法包括
如果要直接设置样式属性，请使用此设置！ 导入值无效
如果属性包含“-”符号，则写为驼峰形(例如textAlign )；如果要保留“-”符号，则写为大括号形element.style('text-align”)='100px )；
element.style.height='100px '； 2 .直接设置属性(仅适用于某些属性，相关样式将自动识别) ) ) ) ) ) )。
element.setattribute('height '，100 )； element.setattribute('height '，' 100px ' )； 设置样式属性
element.setattribute(style，) height: 100px！ important '； 使用setProperty进行设定时！ important，建议用这种方法设置第三个参数。 属性名称请勿使用驼峰匹配
element.style.set property (' height '，' 300px '，' important ' )； 5 .改变class，例如改变JQ的class的相关方法
由于JS无法获取css伪元素，因此可以通过更改伪元素父级的class来动态更改伪元素的样式
element.className='blue '； element.className ='blue fb '； 设置cssText
element.style.csstext=' height :100 px！ important '； element.style.csstext=' height :100 px！ important '； 7 .创建引入新css样式的文件
functionaddnewstyle(newstyle ) varstyleelement=document.getelementbyid (styles _ js )； if (！ 样式元素(样式元素=文档. createelement )样式)； styleElement.type='text/css '； styleElement.id='styles_js '； document.getelementsbytagname (' head ' ) [0].appendchild ) styleelement )； } style element.appendchild (document.create text node ) newstyle )； }addnewstyle('.box ) height:100px！ 导入； () )； 使用添加规则、插入规则
//按原始样式显示document.style sheets [0].add rule ('.box '，' height: 100px ' )； document.style sheets [0].insert rule ('.box { height 3360100 px } '，0 )； //或插入新样式时varstyleel=document.createelement (' style )、styleSheet=styleEl.sheet； sylesheet.addrule('.box '，' height: 100px ' )； syle sheet.insert rule ('.box (height :100 px )，0 )； document.head.appendchild (styleel )； 在JS中动态设置CSS样式的一般方法包括
如果要直接设置样式属性，请使用此设置！ 导入值无效
如果属性包含“-”符号，则写为驼峰形(例如textAlign )；如果要保留“-”符号，则写为大括号形element.style('text-align”)='100px )；
element.style.height='100px '； 2 .直接设置属性(仅适用于某些属性，相关样式将自动识别) ) ) ) ) ) )。
element.setattribute('height '，100 )； element.setattribute('height '，' 100px ' )； 设置样式属性
element.setattribute(style，) height: 100px！ important '； 使用setProperty进行设定时！ important，建议用这种方法设置第三个参数
element.style.set property (' height '，' 300px '，' important ' )； 5 .改变class，例如改变JQ的class的相关方法
由于JS无法获取css伪元素，因此可以通过更改伪元素父级的class来动态更改伪元素的样式
element.className='blue '； element.className ='blue fb '； 设置cssText
element.style.csstext=' height :100 px！ important '； element.style.csstext=' height :100 px！ important '； 7 .创建引入新css样式的文件
functionaddnewstyle(newstyle ) varstyleelement=document.getelementbyid (styles _ js )； if (！ 样式元素(样式元素=文档. createelement )样式)； styleElement.type='text/css '； styleElement.id='styles_js '； document.getelementsbytagname (' head ' ) [0].appendchild ) styleelement )； } style element.appendchild (document.create text node ) newstyle )； }addnewstyle('.box ) height:100px！ 导入； () )； 使用添加规则、插入规则
//按原始样式显示document.style sheets [0].add rule ('.box '，' height: 100px ' )； document.style sheets [0].insert rule ('.box { height 3360100 px } '，0 )； //或插入新样式时varstyleel=document.createelement (' style )、styleSheet=styleEl.sheet； sylesheet.addrule('.box '，' height: 100px ' )； syle sheet.insert rule ('.box (height :100 px )，0 )； document.head.appendchild (styleel )；