js中用cssText设置css样式的简单方法

如果网页中一个
id为“no”的标签，暂且当div标签来tell；
想要在js中设置这个div的css样式，很一般的做法是：
var
obj
=
documentgetElementByIdx_x_x('no');
objstylewidth
=
'400px';
objstyleheight
=
'300px';
如果要设置一堆又一堆的css样式呢，太麻烦了把、
一般情况下都会结合css来添加className或者改变className达到想要的效果，但是如果你create一个元素，难道还想这样简单点？那就要想别的办法了~
于是大家就写了一个又一个的函数，经典的两个是：
var
obj
=
documentgetElementByIdx_x_x('no');
function
setStyle(obj,
css)
{
for(var
attr
in
obj){
objstyle[attr]
=
css[attr];
}
}
setStyle(obj,{width:"400px",height:"300px"});
当然还有更简单的，cssText：
var
obj
=
documentgetElementByIdx_x_x('no');
objstylecssText
=
"width:400px;
height:300px;";
当然这种方法对于create的元素初始化css样式来说很简单很方便。
以上就是小编为大家带来的js中用cssText设置css样式的简单方法的全部内容了，希望对大家有所帮助，多多支持脚本之家~

例如改变背景色：

<div id="changeColor">使用JS改变背景色</div>
<script>
var cc = documentgetElementById("changeColor");
ccstylebackgoundColor="#000"; //将背景色改为黑色
ccstylefontSize="20px"; // 将文字大小改为20px，等号右边也可以写为20+"px"
ccstylecolor="#fff"; //将文字颜色改为白色
</script>

以此类推即可

不明白，为什么要在js文件里引用css,你可以通过documentwrite向html写类似<link type="text/css" rel="stylesheet" href="xxcss"> 这样的代码，js里正常引用css即可。

我们在HTML中经常需要引入CSS和JS文件，那么如何引入呢？下面我给大家演示一下。

工具/材料

Sublime Text

01

首先新建一个文件夹，在文件夹下面建立如下图所示的文件

02

接下来用Sublime Text打开HTML文件，写入HTML结构，如下图所示

03

然后我们在Head标签内用link标签引入CSS文件，如下图所示

04

最后用Script标签引入JS文件即可，如下图所示

---