Remove the expression Expression_html/css_WEB-ITnose in CSS

In IE, CSS can embed js expressions and can be defined in CSS classes. However, if the CSS class containing the expression is removed from the DOM object, the style expression will not be invalid. .

After research, I found the answer. You need to use js to call the removeExpression() method of the style object to remove it.

The following is a description of the method:

Syntax

bSuccess = object<strong>.removeExpression(</strong>sPropertyName<strong>)</strong>

Parameters

table> Returns one of the following possible values: Switch between actual size and zoomed size with one button.

sPropertyName

Required.

sPropertyName

Required. String that specifies the name of the property from which to remove an expression.

String

that specifies the name of the property from which to remove an expression.

true	The expression was successfully removed.
false	The expression was not removed.

CSS class, function: limit the maximum width of the image, and shrink it proportionally beyond the specified width.

Css code

.wrap {

border:none;

max-width:730px ;
height:auto;
width:expression(this.width>730?"730px":true);/*ie6 patch*/
}
Image

Html code

Toggle Button

Html code

[original size]

js code (requires jQuery)

Java code

function showOrigin(){

$('#chart_img').toggleClass("chart");

if($('#chart_img'). attr("class")){
$('#imgctr').text("[original size]");
}else{
$(' #imgctr').text("[zoom size]");
$('#chart_img')[0].style.removeExpression('width'); /*ie6 patch*/
} 
 
}
This example can only reflect the function of removeExpression() in IE6, ie7 The above is not required.