Metod prepend

Metod prepend omogućava umetanje na početak bilo kog elementa drugog elementa. Kao parametar metod prima element, obično kreiran preko createElement, ili string. Moguće je dodati odmah nekoliko elemenata ili stringova, navodeći ih zarezom.

Sintaksa

javascriptroditelj.prepend(element ili string);

Primer

Hajde da kreiramo paragraf, postavimo mu tekst i postavimo na stranicu na početak bloka #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);

Rezultat izvršavanja koda:

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

Primer

Postavimo odmah nekoliko paragrafa na početak bloka #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);

Rezultat izvršavanja koda:

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

Primer

Hajde da kao parametar metoda iskoristimo string:

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

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

Rezultat izvršavanja koda:

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

Pogledajte takođe