DOM तत्व के साथ काम करने के लिए JavaScript फ़ंक्शन

अब हम सहायक फ़ंक्शन बनाना सीखेंगे जो DOM के साथ कुछ ऑपरेशन करते हैं। उदाहरण के लिए, आइए एक फ़ंक्शन बनाएं जो पहले पैरामीटर के रूप में तत्व का id लेगा, और दूसरे के रूप में - तत्व का टेक्स्ट, और उस तत्व को एक नया टेक्स्ट सेट करेगा।

यहाँ वर्णित फ़ंक्शन है:

function setText(id, text) {
	let elem = document.getElementById(id);
	elem.textContent = text;
}

आइए इसके काम का परीक्षण करें। मान लीजिए कि हमारे पास दो पैराग्राफ हैं:

<p id="elem1"></p>
<p id="elem2"></p>

आइए हमारे द्वारा बनाए गए फ़ंक्शन का उपयोग करके इन पैराग्राफों का टेक्स्ट बदलें:

setText('elem1', 'text1');
setText('elem2', 'text2');

मेरे द्वारा बनाए गए फ़ंक्शन को इस तरह संशोधित करें कि यह पैरामीटर के रूप में तत्व का id नहीं, बल्कि एक मनमाना CSS सेलेक्टर स्वीकार करे।

फ़ंक्शन setAttr बनाएं, जो एक DOM तत्व की विशेषता (एट्रिब्यूट) बदलेगा। मान लीजिए फ़ंक्शन पहले पैरामीटर के रूप में तत्व का सेलेक्टर लेता है, दूसरे के रूप में - विशेषता का नाम, और तीसरे के रूप में - इसका नया मान।