JavaScript新增样式规则(推荐)
网络编程 2021-07-04 20:00www.168986.cn编程入门
这篇文章主要介绍了JavaScript新增样式规则(推荐)的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
关键代码如下所示:
<html> <head> <link rel="stylesheet" type="text/css" href="basic.css"> <script> window.onload=function(){ var sheet=document.styleSheets[0]; //【新增样式规则】 // sheet.insertRule('.div1{font-size:16px;color:red;}',0); IE8及以上不支持 //第一个参数是样式,第二个是样式的位置 // sheet.addRule('.div1','font-size:20px;color:orange;font-weight:bold;',0); //IE都支持 //第一个参数是样式名,第二个样式位置是样式规则,第三个是样式位置 function insertCss(element,csName,position){ //跨浏览器兼容 if(sheet.insertRule){ // sheet.insertRule 非IE的时候会读取到一个函数,IE8即以上的时候会读取到undefined sheet.insertRule(element+'{'+csName+'}',position); }else if(sheet.addRule){ sheet.addRule(element,csName,position); } } insertCss('.div1','font-size:16px;color:orange',0); //【删除样式规则】 //sheet.deleteRule(position) ; //删除样式 参数为位置 //IE8及以上不支持 //sheet.removeRule(position) ; //删除样式 参数为位置 //IE支持 function deleteCss(position){ //跨浏览器兼容 if(sheet.deleteRule){ sheet.deleteRule(position); }else if(sheet.removeRule){ sheet.removeRule(position); } deleteCss(0); } } </script> </head> <body></body> </html>
以上所述是长沙网络推广给大家介绍的JavaScript新增样式规则(推荐),希望对大家有所帮助,如果大家有任何疑问请给我留言,长沙网络推广会及时回复大家的。在此也非常感谢大家对狼蚁SEO网站的支持!
编程语言
- 机械手焊接机器人编程 机械手焊接设备编程
- vb数据库编程实例,vb做数据库
- tiobe世界编程语言排行榜,全球编程语言排行
- 成都java编程培训 成都it编程培训中心
- 编程基础培训,编程基础知识培训
- flash游戏编程基础教程,flash游戏开发教程
- 不会英语能学编程吗 不会英语可以学程序员吗
- 爱心代码编程C语言 爱心代码编程c语言公式
- c语言编程学习入门 c语言编程快速入门
- 西门子plc编程培训 西门子plc编程培训班
- 哪里可以学编程 台州哪里可以学编程
- 少儿编程哪个好 少儿编程哪个品牌好
- 编程是什么意思,图形编程是什么意思
- c语言编程软件下载,c语言编程软件在哪下载
- java编程软件下载,java编程下载手机版
- ug编程培训学校,ug编程培训教程