- 皮皮
-
动态添加css类的一个方法
style={ //申明一个类叫style
add:function(css){ //给这个类添加一个add方法,参数是css
var D=document,$=this.style; //获得文档节点,this.style?...你想干什么?省略点代码?..
if(!$){/* 修复IE无法对多个动态Style正确叠加的bug */
$=this.style=D.createElement("style"); //给$创建一个节点叫style,其实只要等于一次就好了,JS是引用传递的
$.setAttribute("type","text/css"); //给创建的节点添加属性
$.id="mesStyle"; //添加属性ID,要ID干嘛?...
D.getElementsByTagName("head")[0].appendChild($); //获取文档头并且把创建出来的节点添加到页面中,一个样式表就添加到你的页面了
};
$.styleSheet&&($.styleSheet.cssText+=css)||$.appendChild(D.createTextNode(css));//这句是调用方法?写这么麻烦?
}};
- 里论外几
-
原来你这么写:
<style type="text/css">
/* 你的CSS代码 */
</style>
用你提供的方法就变成这么写:
<script>
var myCss = "你的CSS代码";
style.add(myCss);
</script>
- okok云
-
var css=".myclass{color:red;}";
style.add(css) ;
$.styleSheet&&($.styleSheet.cssText+=css)||$.appendChild(D.createTextNode(css));
相当于
if($.styleSheet)
{
$.styleSheet.cssText+=css;
}else{
$.appendChild(D.createTextNode(css));
}
- cloud123
-
编译型语言可以看做出书
写完了,出版,一起给用户看
解释型语言可以看做面谈
对方说一句你听一句
代码执行不用编译就是说,Javascript是读一句执行一句的,所以不会先将所有的都编译