0

我有一个 jQuery 函数，我想用基本的 javascript (Vanilla) 创建，但遇到了麻烦。

<html>
    <head>
        <title></title>
        <style>#cube1{margin-top:35px;width:305px;height:255px;border:1px solid;}</style>
        <script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'></script>
        <script>
            function create(){
                var ad  = "<scr"+"ipt type='text/javascript'>";
                ad += "alert('boom');";
                ad += "</scr"+"ipt>";
                $('#cube1').html(ad);
            }
        </script>
    </head>
    <body>
        <div id='cube1' onclick='create()'>Create</div>
    </body>
</html>

我想删除 jquery。

我想创建一个新的 javascript 函数，我可以传递<div/> #cube1和 字符串变量ad。

该函数会将字符串内容插入<div/>和/或运行脚本 - 基本上它需要做与 jQueryhtml()函数相同的事情。

这不起作用：

document.getElementById( 'cube1' ).innerHTML = ad;

我需要它来运行脚本（警报）。

任何帮助是极大的赞赏！

4

1 回答 1

4

你可以这样做：

function create(){
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.text = "alert('boom');";
    var cube1 = document.getElementById("cube1");
    if (cube1) { cube1.appendChild(script); }
}
于 2013-06-10T17:52:03.210 回答