给一个HTML元素设置css属性:
var d= document.getElementById("container");
d.style.height="7px";
d.style.weight="17px";
和innerHTML一样,cssText很快捷且所有浏览器都支持。
一组样式属性及其值的文本表示。将文本格式化为一个 CSS 样式表,去掉了包围属性和值的元素选择器的花括号。
*但会覆盖之前的样式,应该采用叠加的方式以保留原有的样式。
<input type="text" id="inp1" style="height:9px;color:red"/>
<input type="button" onclick="getStyle()"/>
document.getElementById('inp1').style.cssText; //获取input标签的样式"width: 220px; height: 20px;"
//设置标签样式
function getStyle(){
var addCss=document.getElementById('inp1').value;
var strCss=document.getElementById('inp1').style.cssText;
alert(strCss+addCss);
}
function setStyle(el, strCss){
var sty = el.style;
sty.cssText = sty.cssText + strCss;
}
http://www.cnblogs.com/snandy/archive/2011/03/12/1980444.html
分享到:
相关推荐
js中巧用cssText属性批量操作样式.docx
js中巧用cssText属性批量操作样式,需要的朋友可以参考下。
代码如下: var element= document.getElementById(“id”);... js中有一个cssText的方法: 语法为:obj.style.cssText=”样式”; 上面的代码我们可以修改成:感谢sliuqin的在留言中的斧正 element.styl
首先要感谢 EtherDream 的不同观点,在 巧用cssText属性批量操作样式 一篇中由于他的质疑态度使我做了进一步的测试。
js中用cssText设置css样式的简单方法.docx
很多人用过 style.color、style.display 等直接设置元素的样式属性,但是 style.cssText 用过的人就不多了。 cssText 本质是什么? cssText 的本质就是设置 HTML 元素的 style 属性值。 cssText 怎么用? 代码如下:...
批量设置样式的三种方法:第一种使用JSON/第二种使用cssText/使用第三种with(不推荐使用),感兴趣的朋友可以参考下,希望可以帮助到你
我们用js书写css样式通常会用下面的两种方式: 一般情况下我们用js设置元素对象的样式会使用这样的形式: 代码如下:var element= document.getElementById(”id”); element.style.width=”20px”; element.style....
一、局部改变样式 分为改变直接样式,改变className和改变cssText三种。需要注意的是: 注意大小写: javascript对大小写十分敏感,className不能够把“N”写成“n”,cssText也不能够把“T”写成“t”,否则无法...
js中用事实证明cssText性能高的问题.docx
在IE6/7/8中少了分号。使用cssText属性时需注意。
下面小编就为大家带来一篇js中用cssText设置css样式的简单方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
同时,我们也可以使用 `cssText` 属性来设置元素的样式,但这需要将样式规则作为一个字符串传递。 例如: ```javascript const div = document.getElementById('myDiv'); div.style.cssText = 'margin: 20px 40px ...
IE中则必须使用style.cssText var dom=document.getElementById(“name”); dom1.style.cssText = “width:10px;height:10px;border:solid 1px red;”; 补充一下,目前style.cssText类似innerHTML了,已经成为一个