एलिमेंट पैनल की खास जानकारी

Dale St. Marthe
Dale St. Marthe

डीओएम एलिमेंट की जांच करने और उनमें बदलाव करने के लिए, एलिमेंट पैनल का इस्तेमाल करें.

खास जानकारी

एलिमेंट पैनल, डीओएम की जांच करने और उसमें बदलाव करने के लिए एक बेहतर इंटरफ़ेस उपलब्ध कराता है. डीओएम ट्री का इस्तेमाल करके, खास डीओएम नोड चुने जा सकते हैं और उन्हें अन्य टूल की मदद से बदला जा सकता है. डीओएम ट्री, एचटीएमएल दस्तावेज़ जैसा दिखता है.

एलिमेंट पैनल में ये टैब भी होते हैं, जिनमें काम के टूल होते हैं:

एलिमेंट पैनल खोलें

DevTools खोलने पर, डिफ़ॉल्ट रूप से एलिमेंट पैनल खुलता है. पेज पर कहीं भी किसी नोड की जांच करके, एलिमेंट पैनल को अपने-आप खोला जा सकता है.

एलिमेंट पैनल को मैन्युअल तरीके से खोलने के लिए:

  1. DevTools खोलें.
  2. कमांड मेन्यू खोलने के लिए, यह दबाएं:
    • macOS: Command+Shift+P
    • Windows, Linux, ChromeOS: Control+Shift+P इनके साथ कमांड मेन्यू
  3. Elements टाइप करें. इसके बाद, एलिमेंट दिखाएं को चुनें और Enter दबाएं. DevTools, आपकी DevTools विंडो के सबसे नीचे मौजूद ड्रोअर में एलिमेंट पैनल दिखाता है.