这篇文章主要介绍了 JavaScript 新增样式规则 (推荐) 的相关资料, 非常不错,具有参考借鉴价值,需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
关键代码如下所示:
- <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 新增样式规则 (推荐),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 phperz 网站的支持!
来源: http://www.phperz.com/article/17/0306/264196.html