Mbinu ya insertAdjacentText
Mbinu insertAdjacentText inaruhusu
kuingiza mfuatano wa herufi mahali popote kwenye ukurasa. Mfuatano wa herufi
unaingizwa jamaa na kipengele cha msingi.
Inawezekana kufanya uingizaji kabla ya kipengele cha msingi
(njia ya uingizaji 'beforeBegin'), baada
yake (njia ya uingizaji 'afterEnd'), na
pia mwanzoni (njia ya uingizaji 'afterBegin')
au mwishoni (njia ya uingizaji 'beforeEnd')
kipengele cha msingi.
Syntaxi
kipengele cha msingi.insertAdjacentText(njia ya uingizaji, maandishi ya kuingiza);
Mfano . Njia beforeBegin
Wacha kipengele cha msingi kiwe kipengele #target.
Tuingize maandishi mbele yake:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeBegin', 'maandishi');
Matokeo ya kutekeleza kodi:
maandishi
<div id="target">
<p>elem</p>
</div>
Mfano . Njia afterEnd
Sasa tuingize aya mpya baada ya kipengele cha msingi :
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterEnd', 'maandishi');
Matokeo ya kutekeleza kodi:
<div id="target">
<p>elem</p>
</div>
maandishi
Mfano . afterBegin
Wacha tuingize aya mpya mwanzoni mwa kipengele cha msingi:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterBegin', 'maandishi');
Matokeo ya kutekeleza kodi:
<div id="target">
maandishi
<p>elem</p>
</div>
Mfano . Njia beforeEnd
Wacha tuingize aya mpya mwishoni mwa kipengele cha msingi:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeEnd', 'maandishi');
Matokeo ya kutekeleza kodi:
<div id="target">
<p>elem</p>
maandishi
</div>
Angalia pia
-
mbinu
insertAdjacentElement,
ambayo inaingiza kipengele mahali maalum -
mbinu
insertAdjacentHTML,
ambayo inaingiza kodi mahali maalum -
mbinu
prepend,
ambayo inaingiza vipengele mwanzoni -
mbinu
append,
ambayo inaingiza vipengele mwishoni -
mbinu
appendChild,
ambayo inaingiza vipengele mwishoni mwa mzazi -
mbinu
insertBefore,
ambayo inaingiza vipengele kabla ya kipengele
