去掉CSS中的表达式Expression
浏览数：21 /
时间：2015年06月09日
在IE中,CSS是可以嵌入js表达式的,可以在CSS类中定义,但是将含有表达CSS类从DOM对象中移除，样式表达式是不会失效的。
经过研究找到了答案，需要使用js调用style对象的removeExpression()方法才可去除。
下面是方法的说明：
语法
bSuccess = object.removeExpression(sPropertyName)
参数
sPropertyName Required. String that specifies the name of the property from which to remove an expression.
返回值
Returns one of the following possible values:
true The expression was successfully removed. false The expression was not removed.
下面给出一个实用例子：利用样式限制图片最大宽度，通过一个按钮切换实际大小与缩放大小。
CSS类，作用：限制图片的最大宽度，超出指定宽度等比缩小。
Css代码 
- .wrap {
- border:none;
- max-width:730px;
- height:auto;
- width:expression(this.width>730?"730px":true);/*ie6补丁*/
- }
图片<img>
Html代码
- <img id="chart_img" class="chart" src="bond_big.jpg"/>
切换按钮
Html代码
- <span id="imgctr" style="cursor: pointer;display: block" onclick="showOrigin()">[原始大小]</span>
js代码（需要jQuery）
Java代码
- function showOrigin(){
- $(‘#chart_img‘).toggleClass("chart");
- if($(‘#chart_img‘).attr("class")){
- $(‘#imgctr‘).text("[原始大小]");
- }else{
- $(‘#imgctr‘).text("[缩放大小]");
- $(‘#chart_img‘)[0].style.removeExpression(‘width‘); /*ie6补丁*/
- }
- }
这个事例只有在IE6中才能体现removeExpression()的作用，ie7以上是不需要的。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
