एक HTML स्ट्रिंग को एक DOM तत्व में कनवर्ट करना?

Question

कहते हैं एक है,

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

यह संभव

var some_element = `some_function`(some_html); 

करना है वहाँ एक पुस्तकालय और (2) एक पुस्तकालय का उपयोग कर के साथ प्रयोग कर some_function (1) बाहर के साथ के लिए एक कार्यान्वयन है।

Answer 1

अपने एचटीएमएल के लिए एक अस्थायी कंटेनर बनाएं, फिर इसकी सामग्री प्राप्त करें। कुछ ऐसा:

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

Answer 2

jQuery.parseHTML() - फ़ंक्शन आपकी मदद कर सकता है।

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

Answer 3

नीचे कोड

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

मैं एक स्ट्रिंग निर्माण कर रहा हूँ और एचटीएमएल का उपयोग कर किसी HTML तत्व पर यह जोड़कर() के बजाय पाठ() फ़ंक्शन का प्रयास करें। इसे ब्राउजर द्वारा एचटीएमएल टैग के रूप में माना जाएगा और यूआई में बदलावों को डाइप्ले में दिखाया जाएगा।