在javascript中添加html块

我有一个带值的隐藏输入字段，我有以下代码。在span（

）中，我需要显示隐藏字段值。我认为我的javascript代码有错误。。如何在javascript中添加一团html代码

   <input type="hidden" name="mobile" value="04323242445"/>
    <script>    
var dateFrom =new Date(2014, 2, 3);
var dateTo = new Date(2014, 3, 1);
var dateCheck = Date.now();
if((dateCheck < dateFrom) ||(dateCheck >dateTo)){ 
    document.write("
//I need the below text to show up 
<div class="virginMobileError">
<br/>
<p class="first">THE OFFER HAS EXPIRED FOR <span class="telephone">&nbsp;<span> AND THE CUSTOMER CAN NO LONGER REDEEM THEIR GIFT.</p>
<br/>
<p class="second"><span class="rep">Rep script:</span> "Unfortunately all offers have an end date and this one has ended. We can still change you to Virgin Yes Please to
ensure that you can receive future offers from us."</p>
</div>
");
}

var dateFrom=新日期（2014年2月3日）；
var dateTo=新日期（2014年3月1日）；
var dateCheck=Date.now（）；
如果（（dateCheckdateTo））{
文件。写（“
//我需要下面的文本显示出来


优惠已过期，客户无法再兑换礼品


代表脚本：“不幸的是，所有优惠都有结束日期，而这一天已经结束。我们仍然可以将您更改为Virgin Yes，请
确保您将来能够收到我们的报价。”
");
}

---

您应该能够通过使用反斜杠转义换行符，在javascript中实现多行字符串文字

   <input type="hidden" name="mobile" value="04323242445"/>
    <script>    
     var dateFrom =new Date(2014, 2, 3);
     var dateTo = new Date(2014, 3, 1);
     var dateCheck = Date.now();
     if((dateCheck < dateFrom) ||(dateCheck >dateTo)){ 
       document.write('\
         <div class="virginMobileError"> \
         <br/> \
         <p class="first">THE OFFER HAS EXPIRED FOR <span class="telephone">&nbsp;<span> AND THE CUSTOMER CAN NO LONGER REDEEM THEIR GIFT.</p> \
         <br/> \
         <p class="second"><span class="rep">Rep script:</span> "Unfortunately all offers have an end date and this one has ended. We can still change you to Virgin Yes Please to \
         ensure that you can receive future offers from us."</p> \
         </div>');
     }
     </script>

var dateFrom=新日期（2014年2月3日）；
var dateTo=新日期（2014年3月1日）；
var dateCheck=Date.now（）；
如果（（dateCheckdateTo））{
文件。写（'\
\

\
优惠已过期，客户无法再兑换礼品。
\

\
代表脚本：“不幸的是，所有优惠都有结束日期，而这一天已经结束。我们仍然可以将您更改为Virgin Yes，请\
确保您将来能收到我们的报价。”
\
');
}

插入元素的正确方法：（请注意，您不需要有

id

，因为

名称

已经足以识别单个输入。）

演示：

var dateFrom=新日期（2014年2月3日），
dateTo=新日期（2014年3月1日），
dateCheck=Date.now（）；
如果（（dateCheckdateTo））{
//---------------------------------------
var hiddenEle=$（“输入[name=mobile]”）；
$（“”）.addClass（“virginMobileError”）.append(
$（“
”），
$（“”）.addClass（“first”）.html（“对于“+hiddenEle.val（）+”的优惠已过期，客户无法再兑换其礼品。”），
$（“
”），
$（“”）.addClass（“second”）.html（“Rep script:\”很遗憾，所有优惠都有一个结束日期，而此日期已结束。我们仍可以将您更改为Virgin Yes，以确保您将来可以收到我们的优惠。\“”）
).insertAfter（hiddenEle）；
//---------------------------------------
}

通过

打开和关闭
“
”

”应该可以工作。你不应该使用

文档。编写
来创建HTML（除非在某些情况下）。你应该使用
文档。getElementsByClassName（'telephone'）[0]。innerHTML=“需要显示的文本。”
而不是
文档。write（“”）
；这是一种比较复杂的解决方案，但我只想提到一些人使用了“HTML模板”“他们有自己的文件，并使用类似于库的小胡子将其导入页面。至于添加一个值作为参数，Mustach也支持这些。使用内联代码仍然是可行的，但是如果这是一个频繁的任务，请考虑一个库。这是行不通的。双引号中有双引号。解决了引号转义错误和内联注释删除问题
var dateFrom = new Date(2014, 2, 3),
    dateTo = new Date(2014, 3, 1),
    dateCheck = Date.now();

if( (dateCheck < dateFrom) || (dateCheck > dateTo) ){ 

//---------------------------------------

var hiddenEle = $("input[name=mobile]");

$("<div>").addClass("virginMobileError").append(
    $("<br>"),
    $("<p>").addClass("first").html("THE OFFER HAS EXPIRED FOR <span class='telephone'>" + hiddenEle.val() +"<span> AND THE CUSTOMER CAN NO LONGER REDEEM THEIR GIFT."),
    $("<br>"),
    $("<p>").addClass("second").html("<span class='rep'>Rep script:</span> \"Unfortunately all offers have an end date and this one has ended. We can still change you to Virgin Yes Please to ensure that you can receive future offers from us.\"")
).insertAfter(hiddenEle);

//---------------------------------------

}