prepend metodu

prepend metodu bir elementin əvvəlinə başqa bir elementi əlavə etməyə imkan verir. Metod parametr kimi adətən createElement vasitəsilə yaradılmış bir elementi və ya sətri qəbul edir. Bir neçə elementi və ya sətri vergüllə ayıraraq dərhal əlavə etmək olar.

Sintaksis

javascriptvalideyn.prepend(element və ya sətir);

Nümunə

Gəlin bir abzas yaradaq, ona mətn təyin edək və səhifədə #parent blokunun əvvəlinə yerləşdirək:

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

Kodun icrasının nəticəsi:

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

Nümunə

Gəlin bir neçə abzası dərhal #parent blokunun əvvəlinə yerləşdirək:

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

Kodun icrasının nəticəsi:

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

Nümunə

Gəlin metodun parametri kimi sətirdən istifadə edək:

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

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

Kodun icrasının nəticəsi:

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

Həmçinin baxın