prepend मेथड

prepend मेथड किसी तत्व की शुरुआत में दूसरा तत्व इन्सर्ट करने की अनुमति देता है। पैरामीटर के रूप में यह मेथड एक तत्व स्वीकार करता है, जो आमतौर पर createElement के माध्यम से बनाया जाता है, या एक स्ट्रिंग। एक साथ कई तत्वों या स्ट्रिंग्स को जोड़ा जा सकता है, उन्हें अल्पविराम से अलग करके सूचीबद्ध किया जा सकता है।

सिंटैक्स

parent.prepend(element ya string);

उदाहरण

आइए एक पैराग्राफ बनाएं, उसके लिए टेक्स्ट सेट करें और पेज पर ब्लॉक #parent की शुरुआत में रखें:

<div id="parent">
	<p>1</p>
	<p>2</p>
	<p>3</p>
</div>

let parent = document.querySelector('#parent');

let p = document.createElement('p');
p.textContent = '!';

parent.prepend(p);

कोड निष्पादित करने का परिणाम:

<div id="parent">
	<p>!</p>
	<p>1</p>
	<p>2</p>
	<p>3</p>
</div>

उदाहरण

आइए ब्लॉक #parent की शुरुआत में एक साथ कई पैराग्राफ रखें:

<div id="parent">
	<p>1</p>
	<p>2</p>
	<p>3</p>
</div>

let parent = document.querySelector('#parent');

let p1 = document.createElement('p');
p1.textContent = 'a';

let p2 = document.createElement('p');
p2.textContent = 'b';

parent.prepend(p1, p2);

कोड निष्पादित करने का परिणाम:

<div id="parent">
	<p>b</p>
	<p>a</p>
	<p>1</p>
	<p>2</p>
	<p>3</p>
</div>

उदाहरण

आइए मेथड के पैरामीटर के रूप में एक स्ट्रिंग का उपयोग करें:

<div id="parent">
	<p>1</p>
	<p>2</p>
	<p>3</p>
</div>

let parent = document.querySelector('#parent');
parent.prepend('!');

कोड निष्पादित करने का परिणाम:

<div id="parent">
	!
	<p>1</p>
	<p>2</p>
	<p>3</p>
</div>

यह भी देखें

append मेथड,
जो तत्वों को अंत में इन्सर्ट करता है
appendChild मेथड,
जो तत्वों को अंत में इन्सर्ट करता है
insertBefore मेथड,
जो किसी तत्व से पहले तत्व इन्सर्ट करता है
insertAdjacentElement मेथड,
जो तत्व को निर्दिष्ट स्थान पर इन्सर्ट करता है
insertAdjacentHTML मेथड,
जो टैग्स को निर्दिष्ट स्थान पर इन्सर्ट करता है