去掉CSS中的表达式Expression

在IE中,CSS是可以嵌入js表达式的,可以在CSS类中定义,但是将含有表达CSS类从DOM对象中移除，样式表达式是不会失效的。

经过研究找到了答案，需要使用js调用style对象的removeExpression()方法才可去除。

下面是方法的说明：

语法

bSuccess = object.removeExpression(sPropertyName)

参数

sPropertyName

Required.Stringthat 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类，作用：限制图片的最大宽度，超出指定宽度等比缩小。

1. .wrap{
2. border:none;
3. max-width:730px;
4. height:auto;
5. width:expression(this.width>730?"730px":true);/*ie6补丁*/
6. }

图片<img>

1. <imgid="chart_img"class="chart"src="bond_big.jpg"/>

切换按钮

1. <spanid="imgctr"style="cursor:pointer;display:block"onclick="showOrigin()">[原始大小]</span>

js代码（需要jQuery）

1. functionshowOrigin(){
2. $('#chart_img').toggleClass("chart");
4. if($('#chart_img').attr("class")){
5. $('#imgctr').text("[原始大小]");
6. }else{
7. $('#imgctr').text("[缩放大小]");
8. $('#chart_img')[0].style.removeExpression('width');/*ie6补丁*/
9. }
11. }

这个事例只有在IE6中才能体现removeExpression()的作用，ie7以上是不需要的。