将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);

是否有some_function(1)的实现没有使用库和(2)使用库.

Answer 1

为HTML创建一个临时容器,然后获取其内容.就像是:

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

Answer 2

请尝试以下代码

    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链接

我正在构建一个字符串,并使用html()而不是text()函数将其附加到html元素.这将被浏览器视为HTML标记,并显示UI中的变化,如小提琴中所示.