HTML DOM Element insertAdjacentText() metod

definition och användning

insertAdjacentText() metoden infogar text på den angivna positionen.

giltiga positioner:

värde beskrivning
afterbegin efter elementet börjar (första barnet).
afterend efter elementet.
beforebegin innan elementet.
beforeend innan elementet slutar (sista barnet).

exempel

exempel 1

Infoga text efter titelselementet:

const h2 = document.getElementById("myH2");
let text = "Min infogade text";
h2.insertAdjacentText("afterend", text);

prova själv

exempel 2

Använd "afterbegin":

const h2 = document.getElementById("myH2");
let text = "Min infogade text";
h2.insertAdjacentText("afterbegin", text);

prova själv

exempel 3

Använd "beforebegin":

h2.insertAdjacentText("beforebegin", text);

prova själv

exempel 4

Använd "beforeend":

h2.insertAdjacentText("beforeend", text);

prova själv

syntaks

element.insertAdjacentText(position, text)

eller

node.insertAdjacentText(position, text)

parametrar

parametrar beskrivning
position

obligatorisk. Positionsrelaterad till elementet:

  • afterbegin
  • afterend
  • beforebegin
  • beforeend
text text att infoga.

webbläsarstöd

alla webbläsare stöder element.insertAjacentText()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd Stöd