html div 赋值字符串,从包含div和脚本标记的html编码字符串动态添加div元素

我有一个python应用程序，它将html作为json负载的一部分传递到页面。我在该页面中尝试的是解码html并将其动态添加到DOM中。html标记用于带有子脚本元素的Div元素。我的脚本没有被解码，但实际上没有执行：

var child_div = "<div id='testDiv'>\n <script src="http://d3js.org/d3.v3.min.js"></script>\n <script>\n d3.select("#testDiv") \n .data([4, 8, 15, 16, 23, 42])\n .enter().append("p")\n .text(function(d) { return "I'm number " + d + "!";\n });\n </script>\n </div>";

decoded = $('

console.log(decoded);

$("#parentDiv").append(decoded);

但是，如果我使用记录在上面代码中的html并从中创建一个页面，那么它可以很好地与脚本一起执行。这就是解码后的html的样子，我希望动态地添加到父div中：

^{pr2}$

我做错什么了？在