HTML DOM Element insertAdjacentElement() Metodu

Tanım ve Kullanım

insertAdjacentElement() Metni belirtilen konuma eklemek için yöntem.

Geçerli konumlar:

Değer Açıklama
afterbegin Elementin başından sonra (ilk alt element).
afterend Elementin arkasında.
beforebegin Elementin önünde.
beforeend Elementin sonundan önce (en son alt element).

Örnek

Örnek 1

Başlık sonrasına bir span elementi ekleyin:

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

Kişisel olarak deneyin

Örnek 2

"afterbegin" kullanarak:

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

Kişisel olarak deneyin

Örnek 3

"beforebegin" kullanarak:

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

Kişisel olarak deneyin

Örnek 4

"beforeend" kullanarak:

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

Kişisel olarak deneyin

Sözdizimi

element.insertAdjacentElement(position, element)

veya

node.insertAdjacentElement(position, element)

Parametre

Parametre Açıklama
position

Gerekli. Elemente göre konum:

  • afterbegin
  • afterend
  • beforebegin
  • beforeend
element Eklenecek olan element.

Tarayıcı destekler

Bütün tarayıcılar destekler element.insertAjacentElement()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Destek Destek Destek Destek Destek Destek