HTML DOM Element insertAdjacentElement() -menetelmä

Määritelmä ja käyttö

insertAdjacentElement() Metodi lisää elementin tiettyyn 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ää span-elementti otsikon jälkeen:

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("afterend", span);

Kokeile itse

Esimerkki 2

Käytä "afterbegin":

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("afterbegin", span);

Kokeile itse

Esimerkki 3

Käytä "beforebegin":

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("beforebegin", span);

Kokeile itse

Esimerkki 4

Käytä "beforeend":

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("beforeend", span);

Kokeile itse

Syntaksi

element.insertAdjacentElement(position, element)

tai

node.insertAdjacentElement(position, element)

Parametrit

Parametrit Kuvaus
position

Välttämätön. Elementin sijainti:

  • afterbegin
  • afterend
  • beforebegin
  • beforeend
element Lisättävä elementti.

Selaimen tuki

Kaikki selaimet tukevat element.insertAjacentElement()：

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