如果用本子记。要差一点,最好用电脑记。而且使用实际可以展示效果的页面来记录(比如写个HTML)。因为本子上写的再怎么样也不如实际感受来的深,而且HTML可以写注释,也不用担心不记得具体代码的意义。
1、直接更改,比如:
xID.style.display = "block"; // 更改display属性,会覆盖css中的定义。
xID.style.display = ""; // 取消js更改display属性,以css样式为准。
这里的xID,是通过id获取的标签。当然,也可能是通过tagName之类的获取的标签。
这种方式,简单直接。但是要修改大量的样式的时候,不适合。所以,我更推荐第二种方式。
2、更改类名
xID.className = "xx yy";。
如果有多个类,就用空格隔开。前提,在样式中要有已有类的定义。比如这里的xx和yy类,在css中应该是写好的。
这种方式把所有的样式写在了css文件中,适合更改较多的样式以及炫酷的样式。js就只做一件事情:改类。至于这个类会把标签变成什么样子,交给css吧。
通过jquery也可以达到如上的效果:
$("#xID").css({。
fontSize:"12px",。
display:"block"。
}); // 直接更改样式
$("#xID").addClass("xx"); // 增加删除类。
$("#xID").removeClass("xx");。