例如改变背景色：
站在用户的角度思考问题，与客户深入沟通，找到泉州网站设计与泉州网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：网站制作、网站建设、企业官网、英文网站、手机端网站、网站推广、域名注册、虚拟主机、企业邮箱。业务覆盖泉州地区。
1234567div id="changeColor"使用JS改变背景色/divscriptvar cc = document.getElementById("changeColor");cc.style.backgoundColor="#000"; //将背景色改为黑色cc.style.fontSize="20px"; // 将文字大小改为20px，等号右边也可以写为20+"px"cc.style.color="#fff"; //将文字颜色改为白色/script
如果网页中一个
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样式的简单方法的全部内容了，希望对大家有所帮助，多多支持脚本之家~
选中标签，然后用style设置样式
div id="h5course"HTML5学堂（WX号），技术干货文章分享/div
script
var box = document.getElementById('h5course');
box.style.color = '#39f';
box.style.border = '2px solid #000';
/script
