Supprimer le style sur l'élément

Vous pouvez modifier le style avec le Javascript pur. Aucune bibliothèque nécessaire, totalement prise en charge par tous les navigateurs.

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

Pour plus d'informations, vous pouvez vous référer à la documentation HTMLElement.style sur MDN.

 $("#sample_id").css({ 'width' : '', 'height' : '' }); 

 $('#sample_id').css({ "color": 'red'}); 

Utilisez javascript

Mais cela dépend de ce que vous essayez de faire. Si vous souhaitez simplement modifier la hauteur et la largeur, je suggère ceci:

 { document.getElementById('sample_id').style.height = '150px'; document.getElementById('sample_id').style.width = '150px'; } 

Pour l'enlever totalement, supprimer le style, puis redéfinir la couleur:

 getElementById('sample_id').removeAttribute("style"); document.getElementById('sample_id').style.color = 'red'; 

Bien sûr, aucune question qui reste n'est sur quel événement vous voulez que cela se produise

Bonne chance!

Mise à jour: pour une meilleure approche, reportez-vous à la réponse de Blackus dans le même fil .

Si vous n'êtes pas avide d'utiliser JavaScript et Regex, vous pouvez utiliser la solution ci-dessous pour trouver toutes les propriétés de width et height dans l'attribut style et les replace par rien.

 //Get the value of style attribute based on element's Id var originalStyle = document.getElementById('sample_id').getAttribute('style'); var regex = new RegExp(/(width:|height:).+?(;[\s]?|$)/g); //Replace matches with null var modStyle = originalStyle.replace(regex, ""); //Set the modified style value to element using it's Id document.getElementById('sample_id').setAttribute('style', modStyle); 

Juste utiliser comme ça

  $("#sample_id").css("width", ""); $("#sample_id").css("height", "");