javascript - 如何在 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);