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

javascriptota.prepend(element yoki satr);

Misol

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

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

javascriptlet parent = document.querySelector('#parent');

let p = document.createElement('p');
p.textContent = '!';

parent.prepend(p);

Kodni bajarish natijasi:

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

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

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

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

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

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

Kodni bajarish natijasi:

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

Shuningdek qarang