15

说有，

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) 使用库的实现。

4

3 回答 3

47

为您的 HTML 创建一个临时容器，然后获取其内容。就像是：

var d = document.createElement('div');
d.innerHTML = some_html;
return d.firstChild;
于 2013-05-29T14:34:34.063 回答
5

试试下面的代码

    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 中的更改，如小提琴所示。

于 2013-05-29T14:56:40.253 回答
4

jQuery.parseHTML()-function 可能会对您有所帮助。

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

于 2013-05-29T14:35:29.023 回答