English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Oggetto JavaScript

Manuale di riferimento di JavaScript

Manuale di riferimento del DOM JS

Metodo insertAdjacentElement() dell'HTML DOM

Oggetto Element HTML DOM

insertAdjacentElement()Il metodo inserisce un nodo di elemento in una posizione specificata rispetto all'elemento chiamante.

Sintassi:

element.insertAdjacentElement(position,　element)
var span = document.getElementsByTagName("span")[0];
var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentElement("afterend",　span);
Prova a Vedere‹/›

Compatibilità del browser

I numeri nella tabella indicano la versione del browser che supporta la prima insertAdjacentElement()

Metodo
insertAdjacentElement()Sì48SìSì8

Valore del parametro

ParametroDescrizione
positionPosizione relativa all'elemento.
Valori validi:

  • “afterbegin”-dopo l'inizio dell'elemento (come primo figlio)

  • “afterend”-dopo l'elemento

  • “beforebegin”-prima dell'elemento

  • “Before end”-prima della fine dell'elemento (come ultimo figlio)

elementElemento che desideri inserire

Dettagli tecnici

Valore di ritorno:Elemento inserito; se l'inserimento fallisce, viene restituitonull.
Eccezioni:

  • SyntaxError-La posizione specificata non è un valore riconoscibile

  • TypeError-L'elemento specificato non è un elemento valido

Più esempi

Usare il valore "beginbegin":

var span = document.getElementsByTagName("span")[0];
var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentElement("afterbegin",　span);
Prova a Vedere‹/›

Usa il valore "beforebegin":

var span = document.getElementsByTagName("span")[0];
var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentElement("beforebegin", span);
Prova a Vedere‹/›

Usa il valore "beforeend":

var span = document.getElementsByTagName("span")[0];
var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentElement("beforeend", span);
Prova a Vedere‹/›

Riferimenti Correlati

Riferimento HTML DOM:elementMetodo .insertAdjacentHTML()

Riferimento HTML DOM:elementMetodo .insertAdjacentText()

Riferimento HTML DOM:nodeMetodo .insertBefore()

Riferimento HTML DOM:nodeMetodo .appendChild()

Oggetto Element HTML DOM

Oggetto History JavaScriptOggetto Element HTML DOM