HTML DOM insertAdjacentElement() Yöntemi
Örnek
Bir yayılma öğesini başlık öğesinden sonra taşıyın:
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("afterend",
s);
Tanım ve Kullanım
Yöntem insertAdjacentElement()
, belirtilen bir öğeyi belirtilen bir konuma ekler.
Yasal konum değerleri şunlardır:
"sonradan"
"sondan sonra"
"başlamadan önce"
"sondan önce"
Tarayıcı Desteği
Tablodaki sayılar, yöntemi tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Method | |||||
---|---|---|---|---|---|
insertAdjacentElement() | Yes | 8 | 48 | Yes | Yes |
Sözdizimi
node.insertAdjacentElement(position, element)
Parametre Değerleri
Parameter | Type | Description |
---|---|---|
position | String | Required. A position relative to the element. Legal values: "afterbegin" - After the beginning of the element (as the first child) "afterend" - After the element "beforebegin" - Before the element "beforeend" - Before the end of the element (as the last child) |
element | HTML Element | The element you want to insert |
Daha fazla örnek
Örnek
"afterbegin" değerini kullanarak:
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("afterbegin",
s);
Örnek
"Başlamadan önce" değerini kullanarak:
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("beforebegin",
s);
Örnek
"Önceki" değerini kullanarak:
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("beforeend",
s);