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

javascriptvanem.prepend(element või string);

Näide

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

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

Koodi täitmise tulemus:

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

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

Koodi täitmise tulemus:

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

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

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

Koodi täitmise tulemus:

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

Vaata ka