We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

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.
Working Draft  

Supporto dei Browser

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

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,