HTML DOM Element insertAdjacentElement() Method

Paglalarawan at Paggamit

insertAdjacentElement() Ang paraan na ilagay ang elemento sa tiyak na posisyon.

Legal na posisyon:

Halaga Paglalarawan
afterbegin Pagkatapos ng simula ng elemento (unang anak na elemento).
afterend Pagkatapos ng elemento.
beforebegin Bago ang elemento.
beforeend Bago matapos ang elemento (huling anak na elemento).

Halimbawa

Halimbawa 1

Ilagay ang span elemento pagkatapos ng pamagat:

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

Subukan nang personal

Halimbawa 2

Gamitin ang "afterbegin":

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

Subukan nang personal

Halimbawa 3

Gamitin ang "beforebegin":

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

Subukan nang personal

Halimbawa 4

Gamitin ang "beforeend":

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

Subukan nang personal

Grammar

element.insertAdjacentElement(position, element)

o

node.insertAdjacentElement(position, element)

Parametro

Parametro Paglalarawan
position

Dapat. Ang posisyon ng elemento:

  • afterbegin
  • afterend
  • beforebegin
  • beforeend
element Ang elemento na dapat ilagay.

Sumusuporta ang browser

Lahat ng mga browser ay sumusuporta element.insertAdjacentElement()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 支持 支持 支持 支持 支持