Javascript 附加装饰为html元素的内容不会';行不通

Javascript 附加装饰为html元素的内容不会';行不通,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个div容器,只有在打印时才可见。某些用户操作的这个div应该注入一些内容,然后发送到print @media print { html body * { display: none; } #toPrint{ display: block; } } @media screen { #toPrint { display: none; } } 内部布局页面我有以下结构 <html>

我有一个div容器,只有在打印时才可见。某些用户操作的这个div应该注入一些内容,然后发送到print

@media print {
    html body * {
        display: none;
    }

    #toPrint{
        display: block;
    }
}

@media screen {
    #toPrint {
        display: none;
    }
}
内部布局页面我有以下结构

<html>
   <body>
      @RenderBody()
      <div id="toPrint"></div>
   </body>
</html>
我尝试用单引号修饰元素,尝试注入div而不是table,nothing helper,只使用纯字符串而没有修饰元素。

代码中div id=“toAppend”在哪里

您尝试过console.log(内容)吗?

代码中div id=“toAppend”在哪里

您尝试过console.log(内容)吗?

var content=$(“”)。追加(
$(“”)。附加(
$(“”)。附加(“测试”)
));
$(“#toPrint”)。追加(内容)
@媒体打印{
html正文*{
显示:无;
}
#顶印{
显示:块;
}
}
@媒体屏幕{
#顶印{
显示:无;
}
}

var content=$(“”)。追加(
$(“”)。附加(
$(“”)。附加(“测试”)
));
$(“#toPrint”)。追加(内容)
@媒体打印{
html正文*{
显示:无;
}
#顶印{
显示:块;
}
}
@媒体屏幕{
#顶印{
显示:无;
}
}


我很少有评论初始问题的声誉,所以我只能创建答案:(正式注明。我删除了我的否决票,以帮助您达到评论状态。:)我很少有评论初始问题的声誉,所以我只能创建答案:(正式注明。我删除了我的否决票,以帮助您达到评论状态。:)
var content = $("<table />").append(
     $("<tr />").append(
        $("<td />").append("TEST")
      ));
$("#toPrint").append(content);
var content = "abc";
$("#toPrint").append(content);