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,
тегдерди белгиленген жерге кошот