prepend metodi

prepend metodi bir element başyna başga bir element goýmaga mümkinçilik berýär. Metod parametri hökmünde, esasan createElement arkaly döredilen elementi ýa-da setiri kabul edýär. Birwagtda birnäçe elementi ýa-da setiri, olary vergül bilen sanap, goşup bolýar.

Sintaksis

atalar.prepend(element ýa-da setir);

Mysal

Geliň bir abzas döredeliň, oňa tekst belgileliň we sahypada #parent blogunyň başyna ýerleşdireliň:

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

Kody ýerine ýetirmegiň netijesi:

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

Mysal

#parent blogunyň başyna birwagtda birnäçe abzas goýalyň:

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

Kody ýerine ýetirmegiň netijesi:

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

Mysal

Metod parametri hökmünde setiri ulanyp göreliň:

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

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

Kody ýerine ýetirmegiň netijesi:

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

Şeýle-de serediň

metod append,
elementleri ahyryna goýýar
metod appendChild,
elementleri ahyryna goýýar
metod insertBefore,
elementleri elementden öň goýýar
metod insertAdjacentElement,
elementleri kesgitlenen ýere goýýar
metod insertAdjacentHTML,
tegleri kesgitlenen ýere goýýar