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样式的简单方法的全部内容了，希望对大家有所帮助，多多支持小牛知识库~
-
本文向大家介绍JS设置CSS样式的方式汇总，包括了JS设置CSS样式的方式汇总的使用技巧和注意事项，需要的朋友参考一下 1. 直接设置style的属性 某些情况用这个设置 !important值无效 如果属性有'-‘号，就写成驼峰的形式（如textAlign） 如果想保留 - 号，就中括号的形式 element.style[‘text-align'] = ‘100px'; 2. 直接设置属性
-
本文向大家介绍ReactJs设置css样式的方法，包括了ReactJs设置css样式的方法的使用技巧和注意事项，需要的朋友参考一下 前段时间看了React Native,但是感觉在安卓反面的开发并不成熟.有较多功能有待完善,而且自己在实际运用的过程中在一些模块上遇到了不晓得阻力,又苦于网上没有找到那么多资源.于是打算先放一段时间,还是回过头来看ReactJs吧. React颠覆了html的传统思维
-
本文向大家介绍JS使用cookie设置样式的方法，包括了JS使用cookie设置样式的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS使用cookie设置样式的方法。分享给大家供大家参考，具体如下： 更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算
-
本文向大家介绍js简单设置与使用cookie的方法，包括了js简单设置与使用cookie的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了js简单设置与使用cookie的方法。分享给大家供大家参考，具体如下： 一、js设置cookie的用处 php可以设置cookie的，用js来设置cookie有什么好处呢？在前端进行操作时，有的时候要传很多参数，这个时候，我们可以把这些参数拼接到ur
-
本文向大家介绍AngularJS表格样式简单设置方法示例，包括了AngularJS表格样式简单设置方法示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了AngularJS表格样式简单设置方法。分享给大家供大家参考，具体如下： 1、问题背景 AngularJS表格table，利用样式设置表格间隔色 2、实现源码 3、实现结果： 更多关于AngularJS相关内容感兴趣的读者可查看本站专题：
-
设置指定元素 CSS 规则的值。 使用 element.style 将指定元素的 CSS 规则的值设置为 val 。 const setStyle = (el, ruleName, val) => (el.style[ruleName] = val); setStyle(document.querySelector('p'), 'font-size', '20px'); // The first