HTML DOM Element insertAdjacentText() -menetelmä

Määritelmä ja käyttö

insertAdjacentText() Metodi lisää tekstin määritettyyn sijaintiin.

Sallitut sijainnit:

Arvo Kuvaus
afterbegin Elementin alkuun jälkeen (ensimmäinen lapsielementti).
afterend Elementin jälkeen.
beforebegin Elementin eteen.
beforeend Elementin loppuun ennen (viimeinen lapsielementti).

Esimerkki

Esimerkki 1

Lisää teksti otsikelementin jälkeen:

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

Kokeile itse

Esimerkki 2

Käytä "afterbegin":

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

Kokeile itse

Esimerkki 3

Käytä "beforebegin":

h2.insertAdjacentText("beforebegin", text);

Kokeile itse

Esimerkki 4

Käytä "beforeend":

h2.insertAdjacentText("beforeend", text);

Kokeile itse

Syntaksi

element.insertAdjacentText(position, text)

tai

node.insertAdjacentText(position, text)

Parametrit

Parametrit Kuvaus
position

Välttämätön. Suhteessa elementin sijaintiin:

  • afterbegin
  • afterend
  • beforebegin
  • beforeend
text Lisättävä teksti.

Selaimen tuki

Kaikki selaimet tukevat element.insertAjacentText()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki Tuki