如何在javascript变量中插入html代码？

Question

所以我从谷歌日历中提取信息,我需要划分我收到的变量,所以我可以在不同的div中显示它们.所以我需要做的就是这样

var divMonth = '<div id ="rawr">';
var divMonthClose = '</div>';

dateString =  divMonth + monthName + divMonthClose + ' | ' + parseInt(dateMonth, 10);

但是,如您所想,显示的结果是......

"<div id ="rawr">December</div> | 8"

它实际上并不解释html并创建div层.所以我的问题是..如何在变量中插入html代码,以便它实际上作为html工作？是否有我失踪的功能或甚至可能？

预先感谢您提供任何帮助或想法!

Answer 1

你有这个帖子标记为jquery,所以你可以这样做:

var monthName = 'December';
var dateMonth = 31;

var ele = $('<div></div>')
    .attr('id', 'rawr')
    .html(monthName + ' | '  + parseInt(dateMonth, 10));
$('#container').append(ele);

Answer 2

使用createElement函数:

var elm = document.createElement('div');
elm.setAttribute('id', 'rawr');
elm.innerHTML = THE_CODE_AND_TEXT_YOU_NEED_INSIDE_THE_DIV;

当您想将其添加到文档时:

$('MYELEMENT').append(elm);

其中MYELEMENT(显然)是你要追加新div的元素.