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附加到的元素。

Answer 3

如果你想要它没有jQuery这样的东西会起作用：

var divMonth = document.createElement('div');
divMonth.id = 'rawr';

divMonth.innerHTML = monthName + ' | ' + parseInt(dateMonth, 10);

document.getElementById("where_you_want_to_put_this").appendChild(divMonth);

Answer 4

假设您希望html结构类似于：

<div id="wrapper">
 ...
  <div id="date">
   <div id="rawr">
   </div>
  </div>
</div>

您可以创建html代码并使用一行添加内容：

$("#wrapper").append('<div id="date"><div id="rawr">'+monthName+'</div> | '+parseInt(dateMonth, 10)+'</div>');

Answer 5

我认为你可能最好将显示器与逻辑分开并使用JQuery更新div或span（当你想要显示内联时）。如下所示。

<div id='rawr'> <span id='updateme'></span> </div>

<script> $("#updateme").html(monthName); </script>

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

5 个答案: