क्रोम एक्सटेंशन:

Question

लोड करने से पहले डोम संशोधित करें डीओएम पूरी तरह से निर्मित होने से पहले मेरे क्रोम एक्सटेंशन को डीओएम तत्व को संशोधित करना चाहिए, और सर्वोत्तम परिदृश्य में, इस डीओएम तत्व के निर्माण के ठीक बाद।

उदाहरण के लिए, यदि मेरे पास मेरे दस्तावेज़ में है, तो मैं इसे बनाए जाने तक प्रतीक्षा करना चाहता हूं, फिर बाकी डीओएम का निर्माण करने से पहले इसे सीधे संशोधित करना चाहता हूं।

लेकिन तत्व बनाने के पहले और पूरे डोम के निर्माण के बाद ही मैं केवल डीओएम तक पहुंचने में कामयाब रहा।

तो मैं एक विशेष तत्व के निर्माण को कैसे सुनूं?

Answer 1

आप का उपयोग DOMNodeInserted ईवेंट के साथ कर सकते हैं। नोड्स का निर्माण किया जाएगा और आपको डीओएम में डालने से पहले उन्हें संशोधित करने का मौका मिलेगा। निम्नलिखित की तरह कुछ काम करना चाहिए।

function nodeInsertedCallback(event) { 
    console.log(event); 
}; 
document.addEventListener('DOMNodeInserted', nodeInsertedCallback);