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

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

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

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

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

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

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

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

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

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

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

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

Həmçinin baxın

metod append,
elementləri sonuna əlavə edir
metod appendChild,
elementləri sonuna əlavə edir
metod insertBefore,
elementi elementdən əvvələ əlavə edir
metod insertAdjacentElement,
elementi müəyyən edilmiş yerə əlavə edir
metod insertAdjacentHTML,
teqləri müəyyən edilmiş yerə əlavə edir