Question

我有一个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/>和/或运行脚本 - 基本上它需要执行jQuery的html()函数所做的事情。

这不起作用：

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

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

非常感谢任何帮助！

Answer 1

你可以这样做：

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); }
}

Jquery＆＃39; html＆＃39;函数Vanilla JS没有jQuery

1 个答案: