Kaedah insertAdjacentText
Kaedah insertAdjacentText membolehkan
satu rentetan dimasukkan di mana-mana tempat pada halaman. Rentetan
itu dimasukkan relatif kepada elemen rujukan.
Boleh dilakukan pemasangan sebelum elemen rujukan
(kaedah pemasangan 'beforeBegin'), selepas
ia (kaedah pemasangan 'afterEnd'), dan
juga pada permulaan (kaedah pemasangan 'afterBegin')
atau pada penghujung (kaedah pemasangan 'beforeEnd')
elemen rujukan.
Sintaks
elemen rujukan.insertAdjacentText(kaedah pemasangan, teks untuk dimasukkan);
Contoh . Kaedah beforeBegin
Katakan elemen rujukan - ialah elemen #target.
Mari masukkan sebelum ia sebarang teks:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeBegin', 'teks');
Keputusan pelaksanaan kod:
teks
<div id="target">
<p>elem</p>
</div>
Contoh . Kaedah afterEnd
Sekarang mari masukkan perenggan baru selepas elemen rujukan:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterEnd', 'teks');
Keputusan pelaksanaan kod:
<div id="target">
<p>elem</p>
</div>
teks
Contoh . afterBegin
Mari masukkan perenggan baru pada permulaan elemen rujukan:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterBegin', 'teks');
Keputusan pelaksanaan kod:
<div id="target">
teks
<p>elem</p>
</div>
Contoh . Kaedah beforeEnd
Mari masukkan perenggan baru pada penghujung elemen rujukan:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeEnd', 'teks');
Keputusan pelaksanaan kod:
<div id="target">
<p>elem</p>
teks
</div>
Lihat juga
-
kaedah
insertAdjacentElement,
yang memasukkan elemen di tempat yang ditentukan -
kaedah
insertAdjacentHTML,
yang memasukkan kod di tempat yang ditentukan -
kaedah
prepend,
yang memasukkan elemen pada permulaan -
kaedah
append,
yang memasukkan elemen pada penghujung -
kaedah
appendChild,
yang memasukkan elemen pada penghujung induk -
kaedah
insertBefore,
yang memasukkan elemen sebelum elemen
