Supprimer le style d'un élément

Question

Je me demandais si cela était possible.

Il y a cet élément

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

Donc je veux enlever largeur:100px ; y hauteur:100px ;

le résultat serait

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

Toute aide est la bienvenue :)

Answer 1

Vous pouvez modifier le style avec du pur Javascript. Aucune bibliothèque n'est nécessaire, supporté par tous les navigateurs à l'exception d'IE où vous devez mettre à '' au lieu de null (voir commentaires).

var element = document.getElementById('sample_id');

element.style.width = null;
element.style.height = null;

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

Answer 2

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

Answer 3

Utilisez le javascript

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

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

}

Pour l'éliminer totalement, supprimez le style, puis redéfinissez la couleur :

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

Bien sûr, la seule question qui reste est de savoir sur quel événement vous voulez que cela se produise.

Answer 4

Mise à jour : Pour une meilleure approche, veuillez vous référer à la réponse de Blackus dans la rubrique même sujet .

---

Si vous n'êtes pas opposé à l'utilisation de JavaScript et de Regex, vous pouvez utiliser la solution ci-dessous pour trouver toutes les données de la base de données. width y height dans le style et replace ils n'ont 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);

Answer 5

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