JavaScript में style के माध्यम से स्टाइल रीसेट

मान लीजिए कि किसी घटना के कारण हमने तत्व को छिपाने का निर्णय लिया:

javascriptelem.style.display = 'none';

मान लीजिए अब हम इसे वापस दिखाने का निर्णय लेते हैं। इसका मतलब है कि display गुण को उसका मूल मान वापस करना होगा। उदाहरण के लिए, इस तरह:

javascriptelem.style.display = 'block';

समस्या यह है कि यह सुविधाजनक नहीं है। क्योंकि मूल मान अनिवार्य रूप से block नहीं था। यह flex, या inline-block, या कुछ और भी हो सकता था। यह हमारे द्वारा CSS फ़ाइल में सेट किया गया हो सकता है, या ब्राउज़र द्वारा डिफ़ॉल्ट रूप से लिया गया हो सकता है। सही मान को ट्रैक करना मुश्किल है।

सौभाग्य से, आसानी से मूल मान वापस लाने का एक तरीका है। बस गुण के मान के रूप में इसे एक खाली स्ट्रिंग निर्दिष्ट करनी होती है:

javascriptelem.style.display = '';
Задание 1

एक div और दो बटन दिए गए हैं। पहले बटन पर क्लिक करने पर div को छिपाएं, और दूसरे बटन पर क्लिक करने पर - दिखाएं।

Задание 2

एक div और दो बटन दिए गए हैं। पहले बटन पर क्लिक करने पर div का रंग लाल करें, और दूसरे बटन पर क्लिक करने पर - मूल रंग वापस लौटाएं।