Meetod prepend

Meetod prepend võimaldab sisestada mõne elemendi algusesse teise elemendi. Parameetrina võtab meetod elemendi, tavaliselt loodud läbi createElement, või stringi. Saab lisada korraga mitu elementi või stringi, loetledes need komaga eraldatuna.

Süntaks

vanem.prepend(element või string);

Näide

Loome lõigu, määrame sellele teksti ja paneme lehele ploki #parent algusesse:

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

Koodi täitmise tulemus:

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

Näide

Paneme korraga mitu lõiku ploki #parent algusesse:

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

Koodi täitmise tulemus:

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

Näide

Kasutame meetodi parameetrina stringi:

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

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

Koodi täitmise tulemus:

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

Vaata ka

meetod append,
mis sisestab elemendid lõppu
meetod appendChild,
mis sisestab elemendid lõppu
meetod insertBefore,
mis sisestab elemendi enne elementi
meetod insertAdjacentElement,
mis sisestab elemendi etteantud kohta
meetod insertAdjacentHTML,
mis sisestab siltide etteantud kohta