Chuyển đổi chuỗi HTML thành thành phần DOM?

Question

Say người ta,

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

là nó có thể làm

var some_element = `some_function`(some_html); 

Có một thực hiện cho some_function (1) với bằng cách sử dụng một thư viện và (2) bằng cách sử dụng thư viện.

Answer 1

Tạo vùng chứa tạm thời cho HTML của bạn, sau đó lấy nội dung của nó. Một cái gì đó như:

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

Answer 2

jQuery.parseHTML() - chức năng có thể giúp bạn.

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

Answer 3

Hãy thử đoạn code dưới đây

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

Tôi đang xây dựng một chuỗi và phụ thêm nó vào một yếu tố html sử dụng html() chứ không phải là chức năng text(). Điều này sẽ được xử lý như là một thẻ HTML của trình duyệt và trao đổi những thay đổi trong giao diện người dùng như đã thấy trong fiddle.