Javascript 改变css类,直接操作css,非遍历所有dom法
2012-03-08 14:27
477 查看
<div id="test_chg"> Look At Me,<a href="javascript:gogo();void(0)">Change me</a>!<br /> <span id="curcss"></span> </div> <script language="javascript"> var g={ E:function (c) { if (typeof c === "string") { return document.getElementById(c); } else { return c; } }, C:function (c) { var d; c = c.toUpperCase(); if (c == "TEXT") { d = document.createTextNode(""); } else { if (c == "BUFFER") { d = document.createDocumentFragment(); } else { d = document.createElement(c); } } return d; } } function gogo() { var y = g.E("custom_style"); if (!g.E("custom_style")) { y = g.C("style"); y.setAttribute("type", "text/css"); y.id = "custom_style" } W=[]; W.push('#test_chg{color:'+'rgb('+rand(1,255)+','+rand(1,255)+','+rand(1,255)+');'); W.push('font-size:'+rand(21,32)+'px}'); document.getElementsByTagName("head")[0].appendChild(y); var N=W.join('\n'); if (y.styleSheet) { y.styleSheet.cssText = N } else { y.innerHTML = N } g.E('curcss').innerHTML=N } </script>
相关文章推荐
- JavaScript HTML DOM - 改变 CSS jQuery CSS 操作 - css() 方法
- 【JavaScript】无须id、name与class等属性,绝对兼容,直接对表单中的所有表单项进行遍历、判断、检验
- Javascript操作table,tr,td和表格CSS样式设置小常识
- javascript 遍历验证所有文本框的值
- javascript之DOM操作CSS
- javaScript或jQuery操作CSS无效 排错顺序[解决方案]
- JavaScript递归遍历输出json所有字段与值的方法
- 遍历JavaScript对象的所有属性
- ios开发,javascript直接调用oc代码而非通过改变url回调方式
- javascript遍历所有标记
- 写一个方法进行各种属性的更新,而不要每个界面设置改变都改变一个属性。就是点击应用或确定按钮时调用这个更新属性的方法,遍历所有(控制对象属性的)界面控件的状态(值),进行属性修改和刷新。
- JavaScript遍历IP段内所有IP
- C#遍历指定文件夹中的所有文件及操作
- Asp.Net+Javascript+CSS(模仿google的拖拽的个性网页布局) _操作数据库篇
- JavaScript改变HTML元素的样式改变CSS及元素属性
- 改個名字再發一次--本例運用了javascript,html控件,服务器控件,最重要的就是javascript对空间的操作--GridView套GridViewtao--- 利用GridView显示主细表并一次编辑明细表所有数据的例子
- CSS实现透明效果通用方案以及使用javascript或jquery改变透明度
- JavaScript广度优先遍历and剪枝操作
- Javascript在网页关闭或重新载入时会摧毁所有变量,但cookie会改变这种情况,会保存变量
- 如何遍历一个文件夹下的所有文件与目录在(Javascript中)