DOM तत्वों को फ़ंक्शन पैरामीटर के रूप में पास करना
अब मान लीजिए कि हमारा फ़ंक्शन setText
पहले पैरामीटर के रूप में
एक तत्व का नहीं बल्कि तत्वों के एक सेट का सीधे संदर्भ लेगा:
function setText(elems, text) {
for (let elem of elems) {
elem.textContent = text;
}
}
आइए व्यवहार में अपने फ़ंक्शन का परीक्षण करें। मान लीजिए कि हमारे पास निम्नलिखित पैराग्राफ हैं:
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
आइए हमारे फ़ंक्शन का उपयोग करके इन सभी पैराग्राफ में कोई टेक्स्ट सेट करें:
let elems = document.querySelectorAll('.elem');
setText(elems, 'text');
फ़ंक्शन appendText बनाएं, जो
पहले पैरामीटर के रूप में DOM तत्वों की एक सरणी
लेगा, और दूसरे के रूप में - टेक्स्ट। इसे ऐसा बनाएं
कि यह फ़ंक्शन पास किए गए तत्वों के अंत में
टेक्स्ट जोड़ दे।
फ़ंक्शन appendElem बनाएं, जो
पहले पैरामीटर के रूप में एक DOM ऑब्जेक्ट का संदर्भ लेगा,
जिसमें ul टैग है,
और दूसरे के रूप में - टेक्स्ट। इसे ऐसा बनाएं कि यह फ़ंक्शन
दिए गए टेक्स्ट के साथ एक नई li बनाए
और उसे पास किए गए ul टैग के अंत में जोड़ दे।
एक सरणी और एक ul दिया गया है। पिछले
टास्क में बनाए गए फ़ंक्शन appendElem
का उपयोग करके, सरणी के प्रत्येक तत्व को
इस ul में एक अलग li में लिखें।