这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
下面小编就为大家带来一篇 js 中用 CSSText 设置 css 样式的简单方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
如果网页中一个 id 为 "no" 的标签,暂且当 div 标签来 tell;
想要在 js 中设置这个 div 的 css 样式,很一般的做法是:
- var obj = document.getElementByIdx_x_x('no');
- obj.style.width = '400px';
- obj.style.height = '300px';
如果要设置一堆又一堆的 css 样式呢,太麻烦了把、
一般情况下都会结合 css 来添加 className 或者改变 className 达到想要的效果,但是如果你 create 一个元素,难道还想这样简单点?那就要想别的办法了~
于是大家就写了一个又一个的函数,经典的两个是:
- var obj = document.getElementByIdx_x_x('no');
- function setStyle(obj, css) {
- for (var attr in obj) {
- obj.style[attr] = css[attr];
- }
- }
- setStyle(obj, {
- width: "400px",
- height: "300px"
- });
当然还有更简单的,cssText:
- var obj = document.getElementByIdx_x_x('no');
- obj.style.cssText = "width:400px; height:300px;";
当然这种方法对于 create 的元素初始化 css 样式来说很简单很方便。
以上就是小编为大家带来的 js 中用 cssText 设置 css 样式的简单方法的全部内容了,希望对大家有所帮助,多多支持 phperz~
来源: http://www.phperz.com/article/17/0525/331774.html