如何从javascript一次追加脚本和Div

我有一个div，名为

。但我想再次追加div并在新div中编写脚本，但页面上什么也没有显示。请帮助我我的剧本中遗漏了什么

下面是我的脚本：

    <script type="text/javascript">
    var div = document.createElement('div');
    div.className = 'survey_frame';
    div.id = 'survey_frame';
    var script   = document.createElement("script");
    script.type  = "text/javascript";
    script.text  = "(function(d, h, s) {\
        var cont = d.getElementById('survey_frame_zLBexnZW');\
        var ifrm = d.createElement('iframe');\
        ifrm.src = 'http://www.someurl.com';\
        ifrm.style.width = '100%';\
        ifrm.style.height = '200px';\
        ifrm.setAttribute('scrolling', 'no');\
        ifrm.setAttribute('frameborder', '0');\
        cont.appendChild(ifrm);\
        if (typeof iFrameResize == 'undefined') {\
            var ch = d.getElementsByTagName(h)[0];\
            js = d.createElement(s);\
            js.type = 'text/javascript';\
            js.src = 'http://www.someurl.com/iframeResizer.min.js';\
            ch.appendChild(js);\
            js.onload = iframe_resize;\
        } else {\
            iframe_resize();\
        }\
        function iframe_resize() {\
            iFrameResize({\
                log: true\
            }, '#survey_frame');\
        }\
    }(document, 'head', 'script'));";  
div.appendChild(script);
document.getElementById('v7-music-detail-news').appendChild(div);
    }
  </script>

var div=document.createElement（'div'）；
div.className='survey_frame'；
div.id=‘调查框架’；
var script=document.createElement（“脚本”）；
script.type=“text/javascript”；
script.text=“（函数（d、h、s）{\
var cont=d.getElementById（“调查框架”zLBexnZW）\
var ifrm=d.createElement（'iframe'）\
ifrm.src=http://www.someurl.com';\
ifrm.style.width='100%'\
ifrm.style.height='200px'\
ifrm.setAttribute（'scrolling'，'no'）\
ifrm.setAttribute（'frameborder'，'0'）\
续附件（ifrm）\
if（iFrameResize的类型=='undefined'）{\
var ch=d.getElementsByTagName（h）[0]\
js=d.createElement\
js.type='text/javascript'\
js.src=http://www.someurl.com/iframeResizer.min.js';\
总儿童（js）\
js.onload=iframe\u resize\
}否则{\
iframe_resize（）\
}\
函数iframe_resize（）{\
iFrameResize({\
日志：对\
}“调查框架”\
}\
}（文件，'头'，'脚本'）；“；
div.appendChild（脚本）；
document.getElementById（'v7-music-detail-news'）.appendChild（div）；
}

这是我的部门：

<div class = "v7-music-detail-news">
<!-- Here I want To Append new div and my script inside new div -->
</div>

var cont=d.getElementById（'survey\u frame\u zLBexnZW'）

这应该引用新创建的div吗？如果是，则id不匹配。您可能必须在脚本呈现之前附加div，否则脚本将无法找到div。最后一个问题，您是否有理由不将脚本写在单独的文件中，而是像这样创建它？var cont=d.getElementById（'survey_frame_zLBexnZW'）不引用新创建的div。但这是我的错误，我已经用调查框架重命名了脚本，仍然没有显示任何内容。在我的浏览器检查器中，新div和脚本已成功创建，但新div中的脚本未运行。我创建这样的脚本是为了简化我的工作，这节省了我的时间。您可能需要使用

.textContent

而不是

.text

，但我建议将脚本放在一个单独的文件中，只设置新创建的脚本标记的src。创建这样的脚本将触发eval，如果ppl想要攻击您的站点，这可能会导致安全问题。加载外部脚本不仅可以保证脚本使用的DOM元素已准备就绪，还可以使脚本在加载时立即执行。将脚本复制/粘贴到不同的文件只需要1-2分钟。好的，谢谢你的建议，脚本标记相对于div的位置在哪里。我看不到任何延迟执行的情况，因此如果脚本是第一个脚本，它将在

v7 music detail news

存在之前执行。