prepend մեթոդը

prepend մեթոդը թույլ է տալիս տարրի սկզբում տեղադրել մեկ այլ տարր: Որպես պարամետր մեթոդը ընդունում է տարր, որը սովորաբար ստեղծվում է createElement-ի միջոցով, կամ տող: Կարելի է միանգամից ավելացնել մի քանի տարրեր կամ տողեր՝ դրանք թվարկելով ստորակետով:

Շարահյուսություն

ծնող.prepend(տարր կամ տող);

Օրինակ

Եկեք ստեղծենք պարբերություն, դրան սահմանենք տեքստ և տեղադրենք էջի վրա #parent բլոկի սկզբում.

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

Կոդի կատարման արդյունքը.

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

Օրինակ

Եկեք միանգամից մի քանի պարբերություններ տեղադրենք #parent բլոկի սկզբում.

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

Կոդի կատարման արդյունքը.

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

Օրինակ

Եկեք որպես մեթոդի պարամետր օգտագործենք տող.

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

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

Կոդի կատարման արդյունքը.

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

Տես նաև

append մեթոդը,
որը տարրերը տեղադրում է վերջում
appendChild մեթոդը,
որը տարրերը տեղադրում է վերջում
insertBefore մեթոդը,
որը տարրը տեղադրում է տարրից առաջ
insertAdjacentElement մեթոդը,
որը տարրը տեղադրում է նշված տեղում
insertAdjacentHTML մեթոդը,
որը թեգերը տեղադրում է նշված տեղում