HTML DOM Element insertAdjacentElement() Method

Muhtasari na matumizi

insertAdjacentElement() Methodu inayowakilisha elementu kwenye mwelekeo wa kufikia.

Mwiko wa wote wa muhimu:

Maadili kuwasiliana
afterbegin Kwenye kwanza cha elementu (mikundi wa vichwa wa kwanza).
afterend Kwenye kati ya elementu.
beforebegin Kwenye kwanza cha elementu.
beforeend Kwenye mengine mwa elementu (mikundi wa vichwa wa kwanza).

Mfano

Mfano 1

Wingiza elementu span kwa baada ya kichwa:

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

Jaribu kufanya mafanikio

Mfano 2

Tumia "afterbegin":

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

Jaribu kufanya mafanikio

Mfano 3

Tumia "beforebegin":

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

Jaribu kufanya mafanikio

Mfano 4

Tumia "beforeend":

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

Jaribu kufanya mafanikio

mashirika

element.insertAdjacentElement(position, element)

au

node.insertAdjacentElement(position, element)

masharti

masharti kuwasiliana
position

inayohitajika. Mwiko wa elementu:

  • afterbegin
  • afterend
  • beforebegin
  • beforeend
element elementu inayotumiwa kuingizwa.

barua zote zinaongea

woteza kwa barua zote element.insertAdjacentElement()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Mwongozo Mwongozo Mwongozo Mwongozo Mwongozo Mwongozo