वेबपृष्ठ से सीएसएस अनलोड करें

Question

मुझे आश्चर्य है कि किसी पृष्ठ से सीएसएस को उतारना कैसे संभव होगा। जैसे मेरे पृष्ठ में मैंने a.css नामक एक फ़ाइल शामिल की है। अब मैं चाहता हूं कि उपयोगकर्ता थीम को बदलने में सक्षम हो, जो कि सीएसएस संचालित है, इस प्रकार वह एक.css को उतारने में सक्षम होना चाहिए और फिर मैं b.css लोड कर सकता हूं (अन्यथा वे संघर्ष करेंगे)

कोई विचार इस बारे में कैसे जाना है?

Answer 1

लिंक तत्व ले लो और उसे निष्क्रिय

document.getElementsByTagName('link')[0].disabled = true; 

Answer 2

var firstLink = document.getElementsByTagName('link')[0]; 
firstLink.parentNode.removeChild(firstLink) 

यह पृष्ठ पर पहला लिंक तत्व हटा देगा - सुनिश्चित नहीं है कि आपका एचटीएमएल कैसे संरचित है लेकिन मुझे यकीन है कि आप इसे एक उदाहरण के रूप में उपयोग कर सकते हैं। यदि आप 'टेक्स्ट/सीएसएस' हैं और आप सही मीडिया (स्क्रीन) को लक्षित कर रहे हैं, तो आप टाइप एट्रिब्यूट को देखना चाहेंगे, या संभवतः जांच करें कि क्या href में 'css' है, यदि आपके पास अन्य लिंक तत्व हैं जो सीएसएस संदर्भ नहीं हैं ।

नोट आप तत्व को पूरी तरह हटाने के बजाय किसी गैर-मौजूदा पृष्ठ को इंगित करने के लिए href विशेषता को फिर से सेट भी कर सकते हैं।

Answer 3

jQuery के साथ, इस काम करता है:

$("link[href='fileToRemove.css']").remove(); 

जाहिर है, रिश्तेदार पथ और फ़ाइल का फ़ाइल नाम के साथ fileToRemove.css की जगह उतार दिया जाए।

Answer 4

विचित्र रूप से पर्याप्त, आईई और फ़ायरफ़ॉक्स अक्षम विशेषता का समर्थन करते हैं, लेकिन क्रोम, सफारी या ओपेरा नहीं। तो, यह सबसे क्रॉस ब्राउज़र होना चाहिए।

// disables all styles in the document 
function unload_stylesheet(DOMelement){ 
    DOMelement.disabled = true; 
    DOMelement.parentNode.removeChild(DOMelement); 
} 
// usage 
unload_stylesheet(document.getElementsByTagName('link')[0]);