You are here: Reference > JavaScript > client-side > style handling > methods > removeAttribute (runtimeStyle, style)

removeAttribute method (runtimeStyle, style)

A A

Font size

Browser support:

Removes the specified property from the current style object.

In Firefox, Safari and Opera the removeProperty method provides similar functionality.

To set a value for a style property, use the setAttribute method in Internet Explorer and the setProperty method in Firefox, Opera and Safari.
To get the value of a style property, use the getAttribute method in Internet Explorer and the getPropertyValue method in Firefox, Opera and Safari.

Syntax:

object.removeAttribute (propertyName [, caseSens]);

You can find the related objects in the Supported by objects section below.

Parameters:

propertyName

Required. String that specifies the name of the style property to remove. Use the name of the corresponding JavaScript property (camelCase name) instead of the name of the CSS property. The corresponding JavaScript property names can be found on the pages for the CSS properties.

caseSens

Optional. Integer that specifies the case-sensitivity for the name of the property. This parameter is only supported by Internet Explorer earlier than version 8. The name is not case sensitive since version 8.

In earlier versions, the following values are supported:

The first property with the specified name, regardless of its case, will be removed.

Default. The first property with the specified name, with respect to its case, will be removed.

Return value:

Boolean. One of the following values:

false	The property was not removed.
true	The property was removed.

Example HTML code 1:

This example illustrates the use of the removeAttribute method:

<head>
    <script>
        function RemoveBGColor (button) {
            if (button.style.removeAttribute) {
                button.style.removeAttribute ("backgroundColor");
            } 
            else {
                button.style.removeProperty ("background-color");
            }
        }
    </script>
</head>
<body>
    <button onclick="RemoveBGColor (this);" style="background-color:red;">Remove my background color!</button>
</body>