JavaScript中的style.cssText使用教程
内容摘要
很多人用过 style.color、style.display 等直接设置元素的样式属性,但是 style.cssText 用过的人就不多了。
cssText 本质是什么?
cssText 的本质就是设置 HTML 元素的 style
cssText 本质是什么?
cssText 的本质就是设置 HTML 元素的 style
文章正文
很多人用过 style.color、style.display 等直接设置元素的样式属性,但是 style.cssText 用过的人就不多了。
cssText 本质是什么?
cssText 的本质就是设置 HTML 元素的 style 属性值。
cssText 怎么用?
复制代码 代码如下:
document.getElementById("d1").style.cssText = "color:red; font-size:13px;";
看了这个示例后,相信不说,也知道 style.cssText 是什么意思了,它就是设置 HTML 元素的 style 属性。
cssText 返回值是什么?
在某些浏览器中(比如 Chrome),你给他赋什么值,它就返回什么值。在 IE 中则比较痛苦,它会格式化输出、会把属性大写、会改变属性顺序、会去掉最后一个分号,比如:
复制代码 代码如下:
document.getElementById("d1").style.cssText = "color:red; font-size:13px;";
alert(document.getElementById("d1").style.cssText);
在 IE 中值为:FONT-SIZE: 13px; COLOR: red。
代码注释