Metodas insertAdjacentText
Metodas insertAdjacentText leidžia
įterpti eilutę bet kurioje puslapio vietoje. Eilutė
įterpima atraminio elemento atžvilgiu.
Galima atlikti įterpimą prieš atraminį elementą
(įterpimo būdas 'beforeBegin'), po
jo (įterpimo būdas 'afterEnd'), taip
pat į pradžią (įterpimo būdas 'afterBegin')
arba į pabaigą (įterpimo būdas 'beforeEnd')
atraminio elemento.
Sintaksė
atraminis elementas.insertAdjacentText(įterpimo būdas, įterpiamas tekstas);
Pavyzdys . Būdas beforeBegin
Tegu atraminis elementas - tai elementas #target.
Įterpkime prieš jį kokį nors tekstą:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeBegin', 'text');
Kodo vykdymo rezultatas:
text
<div id="target">
<p>elem</p>
</div>
Pavyzdys . Būdas afterEnd
O dabar įterpkime naują pastraipą po atraminio elemento:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterEnd', 'text');
Kodo vykdymo rezultatas:
<div id="target">
<p>elem</p>
</div>
text
Pavyzdys . afterBegin
Įterpkime naują pastraipą į atraminio elemento pradžią:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterBegin', 'text');
Kodo vykdymo rezultatas:
<div id="target">
text
<p>elem</p>
</div>
Pavyzdys . Būdas beforeEnd
Įterpkime naują pastraipą į atraminio elemento pabaigą:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeEnd', 'text');
Kodo vykdymo rezultatas:
<div id="target">
<p>elem</p>
text
</div>
Taip pat žiūrėkite
-
metodas
insertAdjacentElement,
kuris įterpia elementą į nurodytą vietą -
metodas
insertAdjacentHTML,
kuris įterpia kodą į nurodytą vietą -
metodas
prepend,
kuris įterpia elementus į pradžią -
metodas
append,
kuris įterpia elementus į pabaigą -
metodas
appendChild,
kuris įterpia elementus į tėvo pabaigą -
metodas
insertBefore,
kuris įterpia elementus prieš elementą
