Konvertieren einer HTML-Zeichenfolge in ein DOM-Element?

Question

Sprich man hat,

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>'; 

ist es möglich,

var some_element = `some_function`(some_html); 

Gibt es eine Implementierung für some_function (1) mit aus zu tun, eine Bibliothek und (2) unter Verwendung einer Bibliothek.

Answer 1

Erstellen Sie einen temporären Container für Ihr HTML und erhalten Sie dann seinen Inhalt. Etwas wie:

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

Answer 2

jQuery.parseHTML() - Funktion könnte Ihnen helfen.

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

Answer 3

Versuchen Sie den Code unten

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

ich einen String zu bauen und es zu einem HTML-Element mit HTML() anstelle von text() Funktion anhängt. Dies wird vom Browser als HTML-Tag behandelt und zeigt die Änderungen in der Benutzeroberfläche an, wie in der Geige zu sehen.