जावास्क्रिप्ट का उपयोग करके div सामग्री को गतिशील रूप से संशोधित करना

जावास्क्रिप्ट के साथ एक div तत्व की सामग्री को बदलना एक सहज दृष्टिकोण के साथ प्राप्त किया जा सकता है। निम्नलिखित HTML कोड स्निपेट एक उदाहरण के रूप में कार्य करता है:

इस उदाहरण के भीतर, उद्देश्य उपयोगकर्ता द्वारा "ए" या "बी" मान वाले रेडियो बटन के चयन के आधार पर div#content की आंतरिक HTML सामग्री को संशोधित करना है। हालाँकि, इस क्रिया को सुविधाजनक बनाने के लिए div तत्व में जावास्क्रिप्ट विशेषता "मान" का अभाव है।

इसे संबोधित करने के लिए, जावास्क्रिप्ट HTML तत्व की आंतरिक HTML संपत्ति का उपयोग करके एक सीधा समाधान प्रदान करता है। निम्नलिखित कोड लागू करके:

document.getElementById("content").innerHTML = "whatever";

changeDivContent() फ़ंक्शन के भीतर, आप गतिशील रूप से सामग्री सेट कर सकते हैं div#content को किसी वांछित मान पर। यह आपको उपयोगकर्ता इनपुट या आपके जावास्क्रिप्ट कोड के भीतर अन्य गतिशील स्थितियों के आधार पर एक div तत्व की सामग्री को निर्बाध रूप से अपडेट करने में सक्षम बनाता है।