Conversione di una stringa HTML in un elemento DOM?

Question

Say si ha,

var some_html = '<div class = "am_hold">' + 
    '<img name="bo_im" id="' + val.id + '" class="bookmark_image" src="' + val.favicon + '">' + 
    '<a target="_blank" name="bookmark_link" class="bookmark_link" href = "' + 
    val.url + '" id="' + val.id + '">' + val.title + '</a>' + 
    '<div><div class = "bookmark_menu"></div></div>' + 
    '</div>'; 

è possibile fare

var some_element = `some_function`(some_html); 

C'è un'implementazione per una_qualche_funzione (1) senza l'uso di una biblioteca e (2) con l'utilizzo di una libreria.

Answer 1

Creare un contenitore temporaneo per il codice HTML, quindi ottenere il suo contenuto. Qualcosa del tipo:

var d = document.createElement('div'); 
d.innerHTML = some_html; 
return d.firstChild; 

Answer 2

jQuery.parseHTML() - la funzione potrebbe aiutarti.

http://api.jquery.com/jQuery.parseHTML/

Answer 3

provare il codice qui sotto

var myname = 'John Doe'; 

//This is using Jquery 
var htmltext = '<p style="color:red">'+myname+'This is a test</p>' 
$('#one').html(htmltext); 


//This is pure javascript 
document.getElementById('two').innerHTML='<p style="color:red">'+myname+'This is a test</p>'; 

JSfiddle link

Sto costruendo una stringa e aggiungendo ad un elemento HTML utilizzando HTML() invece che la funzione di testo(). Questo sarà trattato come un tag HTML dal browser e visualizzerà le modifiche nell'interfaccia utente come visto nel violino.