MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

Element.insertAdjacentHTML()

Questa traduzione è incompleta. Collabora alla traduzione di questo articolo dall’originale in lingua inglese.

Descrizione

insertAdjacentHTML() esegue il parsing dello specifico testo espresso in HTML o XML e inserisce i nodi prodotti nella posizione specificata all'interno dell'albero DOM. Non viene rieseguito il parsing dell'elemento utilizzato, in modo tale da non modificare gli elementi esistenti al suo interno. Questo, anche evitando ulteriori passaggi intermedi di serializzazione, rende la manipolazione degli elementi più veloce rispetto a innerHTML.

Sinstassi

element.insertAdjacentHTML(position, text);

position è la posizione relativa all' element,  e può assumere una delle seguenti stringhe:

'beforebegin'
Prima dell'elemento stesso.
'afterbegin'
Dentro l'elemento, prima del suo primo figlio.
'beforeend'
Dentro l'elemento, dopo l'ultimo suo figlio.
'afterend'
Dopo l'elemento stesso

text è la stringa che deve essere analizzata come  HTML o XML e inserita nell'albero.

Uso dei valori position

<!-- beforebegin -->
<p>
<!-- afterbegin -->
foo
<!-- beforeend -->
</p>
<!-- afterend -->
Note: Le posizioni beforebegin e afterend funzionano correttamente solo se il nodo target è esso stesso nell'albero ed ha un nodo genitore.

Esempio

// <div id="one">one</div>
var d1 = document.getElementById('one');
d1.insertAdjacentHTML('afterend', '<div id="two">two</div>');

// Questa è la nuova struttura:
// <div id="one">one</div><div id="two">two</div>

Specifiche

Specification Status Comment
DOM Parsing and Serialization
The definition of 'Element.insertAdjacentHTML()' in that specification.
Living Standard  

Supporto dei Browser

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 1.0 8.0 (8.0) 4.0 7.0 4.0 (527)
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support ? 8.0 (8.0) ? ? ?

Vedi Anche

Tag del documento e collaboratori

 Hanno collaborato alla realizzazione di questa pagina: marcozanghi
 Ultima modifica di: marcozanghi,