prepend metodi

prepend metodi biron bir elementning boshiga boshqa elementni joylash imkonini beradi. Metod parametri sifatida odatda createElement orqali yaratilgan elementni, yoki satrni qabul qiladi. Bir vaqtning o'zida bir nechta elementlar yoki satrlarni qo'shish mumkin, ularni vergul bilan ajratib qo'yish orqali.

Sintaksis

ota.prepend(element yoki satr);

Misol

Keling, bir abzas yaratamiz, unga matn o'rnatamiz va sahifadagi #parent blokining boshiga joylaymiz:

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

Kodni bajarish natijasi:

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

Misol

Keling, bir vaqtning o'zida bir nechta abzaslarni #parent blokining boshiga joylaymiz:

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

Kodni bajarish natijasi:

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

Misol

Keling, metod parametri sifatida satrdan foydalanamiz:

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

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

Kodni bajarish natijasi:

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

Shuningdek qarang

append metodi,
elementlarni oxiriga joylash
appendChild metodi,
elementlarni oxiriga joylash
insertBefore metodi,
elementni boshqa elementdan oldin joylash
insertAdjacentElement metodi,
elementni belgilangan joyga joylash
insertAdjacentHTML metodi,
teglarni belgilangan joyga joylash