Supprimer le style sur l'élément

Je me demandais si cela est possible.

Il y a cet élément

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

Je tiens donc à supprimer width:100px; et height:100px;

le résultat serait

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

Toute aide serait apprreciated. 🙂

source d'informationauteur Wesley Brian Lachenal | 2013-09-09

  1. 41

    Vous pouvez modifier le style avec Javascript. Pas de bibliothèque nécessaires, pris en charge par tous les navigateurs sauf IE où vous devez configurer à '' au lieu de null (voir les 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 documentation sur MDN.

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

    Mise à jour: Pour une meilleure approche, veuillez vous référer à Blackus, en réponse à la même thread.

    Si vous ne sont pas opposés à l'utilisation de JavaScript et de Regex, vous pouvez utiliser la sous solution pour trouver tous les width et height propriétés dans le style attribut et replace avec 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);
  4. 1

    L'utilisation de 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';


}

    À supprimer totalement, retirez le style, et puis re-définir la couleur:

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

    Bien sûr, pas la seule question qui reste est sur l'événement pour lequel vous voulez que cela se produise.

  5. -1

    Simplement l'utiliser comme ceci

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