关于JS动态切换样式表

最近在项目开发中发现一个很纠结的问题：jquery动态添加的节点无法正常渲染CSS样式，一番百度谷歌后，遍寻未果，后来我索性换一种思路，在前台中定义好CSS样式，然后在动态生成时控制CSS样式的开启和关闭，其实动态开启和关闭CSS样式就一句代码：

　　　　　　　　　　　　document.styleSheets[i].disabled=true/false;

document.styleSheets是页面中所有用<style></style>标签定义的样式个数，你可以通过document.styleSheets.length来输出页面的CSS样式标签的总个数。

关于JS动态切换样式表,码迷,mamicode.com

时间： 2024-10-29 19:07:09

关于JS动态切换样式表的相关文章

用JS动态创建登录表单，报了个小错误

后来发现原来是: dvObj.style.border='#Red 1px sold'; 其中的Red多谢了一个‘#’, 但是奇怪的是在chrome和firefox都备有报错,但是在ie中报错了. 各位仁兄美眉们一定要小心了额. 下面是这段js动态创建登录框的js代码: 1 onload = function () { 2 var dvObj = document.createElement('div'); 3 dvObj.style.border = 'Red 1px solid'; 4 dv

form表单 无法提交js动态添加的表单元素问题。。

第一种情况, 这种情况js动态添加的表单元素是不能提交到服务器端的 <table> <form method="post" action=" url  "> <tr><td></td><td></td></tr> <tr><td></td><td></td></tr> </form> &l

ASP.NET动态引用样式表(css)和脚本(js)文件

// 引入js文件 HtmlGenericControl scriptControl = new HtmlGenericControl("script"); scriptControl.Attributes.Add("type", "text/javascript"); scriptControl.Attributes.Add("language", "JavaScript"); scriptControl

JS 控制CSS样式表

JS控制CSS样式,首先得确定一点,CSS与HTML页面的链接方式,因为CSS有3种与HTML页面结合的方式,不同的方式也会产生不同的结果. 下面先记录一下JS控制CSS所使用的方法. 1.使用javascript更改某个css class的属性... 1 <style type="text/css"> 2 .orig { 3 display: none; 4 } 5 </style> 你想要改变把他的display属性由none改为inline. 解决办法:

js读取CSS样式表样式

js中obj.style.height不能直接取css样式和嵌入的样式(style标签包起来的), 需要用 getComputedStyle  但IE又不支持,只能这样做: function getstyle(obj) { return window.getComputedStyle ? window.getComputedStyle(obj, null).height : obj.currentStyle.height; }

js动态改变样式属性（style属性）

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>Style</title> <!-- 之前接触的 行内样式 style 是css设置样式 现在我们使用的是js中的设置样式! --> <style type="text/css"> #myDiv{ height:

JS 对html标签的属性的干预以及JS 对CSS 样式表属性的干预

-任何标签的任何属性都可以修改! -HTML里是怎么写, JS就怎么写 以下是一段js 作用于 css 的 href的 代码 <link id="l1" rel="stylesheet" type="text/css" href="css1.css" /> <script> function skin1() { var oL=document.getElementById('l1'); oL.href=

JS：操作样式表 :addClass()和removeClass()

var box = document.getElementById("box"); box.id = "pox"; 将id = “box”,改为id = “pox”: 但id = “box”依然存在,这样就不符合W3C标准.不建议使用. box.className = "box5"; 将会把原来的className 清除只有一个类名为box5的类. 如果想有用className避免这种缺陷,可以写成 box.className ="bo

cssText在js中写样式表兼容全部

oDiv.style.cssText="width:100px;height:200px;";是前面的升级版(oDiv.style.width='200px';) <style> div { width:100px; height:100px; border:1px solid #333; } </style>   </head>   <body>   <div id="div1">123</div&