insertAdjacentText-metode
Die metode insertAdjacentText laat toe om
'n string op enige plek in die bladsy in te voeg. Die string
word relatief tot die anker-element ingevoeg.
Dit is moontlik om die invoeging voor die anker-element te doen
(invoegmetode 'beforeBegin'), na
dit (invoegmetode 'afterEnd'), sowel as
in die begin (invoegmetode 'afterBegin')
of aan die einde (invoegmetode 'beforeEnd')
van die anker-element.
Sintaksis
anker element.insertAdjacentText(invoegmetode, teks om in te voeg);
Voorbeeld . Metode beforeBegin
Laat die anker-element die element #target wees.
Laat ons 'n teks voor dit invoeg:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeBegin', 'text');
Resultaat van die kode-uitvoering:
text
<div id="target">
<p>elem</p>
</div>
Voorbeeld . Metode afterEnd
En nou, laat ons 'n nuwe paragraaf na die anker-element invoeg:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterEnd', 'text');
Resultaat van die kode-uitvoering:
<div id="target">
<p>elem</p>
</div>
text
Voorbeeld . afterBegin
Laat ons 'n nuwe paragraaf in die begin van die anker-element invoeg:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterBegin', 'text');
Resultaat van die kode-uitvoering:
<div id="target">
text
<p>elem</p>
</div>
Voorbeeld . Metode beforeEnd
Laat ons 'n nuwe paragraaf aan die einde van die anker-element invoeg:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeEnd', 'text');
Resultaat van die kode-uitvoering:
<div id="target">
<p>elem</p>
text
</div>
Sien ook
-
die metode
insertAdjacentElement,
wat 'n element op 'n gespesifiseerde plek invoeg -
die metode
insertAdjacentHTML,
wat kode op 'n gespesifiseerde plek invoeg -
die metode
prepend,
wat elemente in die begin invoeg -
die metode
append,
wat elemente aan die einde invoeg -
die metode
appendChild,
wat elemente aan die einde van 'n ouer invoeg -
die metode
insertBefore,
wat elemente voor 'n element invoeg
