Kaedah prepend

Kaedah prepend membolehkan anda memasukkan elemen lain pada awal mana-mana elemen. Parameter kaedah menerima elemen, biasanya dicipta melalui createElement, atau rentetan. Anda boleh menambah beberapa elemen atau rentetan sekaligus, dengan menyenaraikannya dipisahkan koma.

Sintaks

javascriptibuBapa.prepend(elemen atau rentetan);

Contoh

Mari kita buat perenggan, tetapkan teksnya dan letakkan pada halaman di awal blok #parent:

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

Keputusan pelaksanaan kod:

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

Contoh

Mari letakkan beberapa perenggan sekaligus pada awal blok #parent:

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

Keputusan pelaksanaan kod:

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

Contoh

Mari kita gunakan rentetan sebagai parameter kaedah:

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

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

Keputusan pelaksanaan kod:

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

Lihat juga