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

roditelj.prepend(element ili string);

Primer

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

Rezultat izvršavanja koda:

<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:

<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);

Rezultat izvršavanja koda:

<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:

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

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

Rezultat izvršavanja koda:

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

Pogledajte takođe

metod append,
koji umeće elemente na kraj
metod appendChild,
koji umeće elemente na kraj
metod insertBefore,
koji umeće element pre elementa
metod insertAdjacentElement,
koji umeće element na zadato mesto
metod insertAdjacentHTML,
koji umeće tagove na zadato mesto