Inline-Stile entfernen

Diese Funktion behält auch versteckte Inhalte bei.

function remove_style(all) {
  var i = all.length;
  var j, is_hidden;

  // Presentational attributes.
  var attr = [
    'align',
    'background',
    'bgcolor',
    'border',
    'cellpadding',
    'cellspacing',
    'color',
    'face',
    'height',
    'hspace',
    'marginheight',
    'marginwidth',
    'noshade',
    'nowrap',
    'valign',
    'vspace',
    'width',
    'vlink',
    'alink',
    'text',
    'link',
    'frame',
    'frameborder',
    'clear',
    'scrolling',
    'style'
  ];

  var attr_len = attr.length;

  while (i--) {
    is_hidden = (all[i].style.display === 'none');

    j = attr_len;

    while (j--) {
      all[i].removeAttribute(attr[j]);
    }

    // Re-hide display:none elements,
    // so they can be toggled via JS.
    if (is_hidden) {
      all[i].style.display = 'none';
      is_hidden = false;
    }
  }
}

Verwendung

Rufen Sie die Funktion wie folgt auf

var all = document.getElementsByTagName('*');
remove_style(all);

Hinweis: Das Auswählen aller Elemente auf der Seite über eine Wildcard-Abfrage kann je nach Anzahl der Elemente auf der Seite langsam sein. Sie könnten eine kleinere Menge von Elementen verwenden, um eine höhere Leistung zu erzielen.

var set = document.getElementById('foo').getElementsByTagName('bar');
remove_style(set);

Code von Nathan Smith.