CSS
सीएसएस ऑब्जेक्ट मॉडल (CSSOM)

Angular 2 AngularJS ASP.NET HTML JavaScript jQuery PHP SVG twitter-bootstrap WordPress

टिप्पणियों

CSS Object Model (CSSOM) अपने आप में एक विनिर्देशन है।

वर्तमान ड्राफ्ट यहां पाया जा सकता है: https://www.w3.org/TR/cssom-1/

परिचय

ब्राउज़र स्टाइलशीट से टोकन की पहचान करता है और उन्हें नोड्स में कवर करता है जो पेड़ की संरचना में जुड़े होते हैं। एक पृष्ठ की संबंधित शैलियों के साथ सभी नोड्स का पूरा नक्शा CSS ऑब्जेक्ट मॉडल होगा।

वेबपेज प्रदर्शित करने के लिए, एक वेब ब्राउज़र निम्नलिखित कदम उठाता है।

वेब ब्राउज़र आपके HTML की जांच करता है और DOM (डॉक्यूमेंट ऑब्जेक्ट मॉडल) बनाता है।
वेब ब्राउज़र आपके CSS की जांच करता है और CSSOM (CSS Object Model) बनाता है।
वेब ब्राउज़र रेंडर ट्री बनाने के लिए DOM और CSSOM को जोड़ती है। वेब ब्राउज़र आपके वेबपेज को प्रदर्शित करता है।

CSSOM के माध्यम से पृष्ठभूमि-छवि नियम जोड़ना

CSSOM के माध्यम से पृष्ठभूमि-छवि नियम जोड़ने के लिए, पहले पहले स्टाइलशीट के नियमों का संदर्भ लें:

var stylesheet = document.styleSheets[0].cssRules;

फिर, स्टाइलशीट के अंत का संदर्भ लें:

var end = stylesheet.length - 1;

अंत में, स्टाइलशीट के अंत में बॉडी एलिमेंट के लिए एक बैकग्राउंड-इमेज नियम डालें:

stylesheet.insertRule("body { background-image: url('http://cdn.sstatic.net/Sites/stackoverflow/img/favicon.ico'); }", end);

Modified text is an extract of the original Stack Overflow Documentation

के तहत लाइसेंस प्राप्त है CC BY-SA 3.0

से संबद्ध नहीं है Stack Overflow