DOM तत्व को फ़ंक्शन पैरामीटर के रूप में पास करना
पिछले पाठों में हम अपने फ़ंक्शन में तत्वों के सेलेक्टर पास करते थे, और हमारे फ़ंक्शन अपने कोड के अंदर इन तत्वों के लिंक स्वयं प्राप्त कर लेते थे। एक और दृष्टिकोण भी मौजूद है: फ़ंक्शन में पहले से प्राप्त किए गए तत्वों के लिंक भी पास किए जा सकते हैं।
आइए एक उदाहरण देखें। मान लीजिए कि हमारे पास निम्नलिखित कोड है:
html<p id="elem1"></p>
<p id="elem2"></p>
आइए एक फ़ंक्शन setText बनाते हैं, जो
पहले पैरामीटर के रूप में DOM तत्व का लिंक
लेगा, और दूसरे पैरामीटर के रूप में - तत्व का टेक्स्ट:
javascriptfunction setText(elem, text){
elem.textContent = text;
}
हमारे पैराग्राफ का टेक्स्ट सेट करने के लिए हमारे द्वारा बनाए गए फ़ंक्शन का उपयोग करें:
javascriptlet elem1 = document.getElementById('elem1');
setText(elem1, 'text1');
let elem2 = document.getElementById('elem2');
setText(elem2, 'text2');
एक फ़ंक्शन appendText बनाएं, जो
पहले पैरामीटर के रूप में DOM तत्व लेगा,
और दूसरे पैरामीटर के रूप में - टेक्स्ट। यह सुनिश्चित करें कि यह फ़ंक्शन
इस तत्व के अंत में टेक्स्ट जोड़ता है।
पैराग्राफ दिए गए हैं। उन्हें प्राप्त करें, लूप से इटरेट करें
और प्रत्येक के अंत में '!' जोड़ें
फ़ंक्शन appendText का उपयोग करके, जो पिछली
समस्या में बनाया गया था।
एक फ़ंक्शन setValue बनाएं, जो
पहले पैरामीटर के रूप में इनपुट का लिंक
लेगा, और दूसरे पैरामीटर के रूप में - टेक्स्ट। यह सुनिश्चित करें,
कि यह फ़ंक्शन पास किया गया
टेक्स्ट इनपुट के value में सेट कर दे।