prepend मेथड

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

सिंटैक्स

javascriptparent.prepend(element ya string);

उदाहरण

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

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

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

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

parent.prepend(p);

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

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

उदाहरण

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

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

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

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

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

parent.prepend(p1, p2);

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

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

उदाहरण

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

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

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

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

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

यह भी देखें