Remove Style on Element

Question

I was wondering if this is possible.

There's this element

<div id="sample_id" style="width:100px; height:100px; color:red;"> 

So I want to remove width:100px; and height:100px;

the result would be

<div id="sample_id" style="color:red;"> 

Any help would be apprreciated. :)

Answer 1

You can edit style with pure Javascript. No library needed, supported by all browsers except IE where you need to set to '' instead of null (see comments).

var element = document.getElementById('sample_id');  element.style.width = null; element.style.height = null; 

For more information, you can refer to HTMLElement.style documentation on MDN.

Answer 2

var element = document.getElementById('sample_id'); element.style.removeProperty("width"); element.style.removeProperty("height");