इनलाइन स्टाइल्स निकालें - सीएसएस-ट्रिक्स

यह फ़ंक्शन छिपी हुई सामग्री को भी संरक्षित करता है।

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; ) ) )

प्रयोग

फ़ंक्शन को इस तरह से कॉल करें:

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

नोट: वाइल्डकार्ड क्वेरी के माध्यम से पृष्ठ के सभी तत्वों का चयन धीमा हो सकता है, यह इस बात पर निर्भर करता है कि पृष्ठ में कितने तत्व हैं। आप अधिक प्रदर्शन करने के लिए तत्वों के एक छोटे सेट का उपयोग कर सकते हैं:

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

नाथन स्मिथ द्वारा कोड।