基本的な javascript (Vanilla) で作成したい jQuery 関数があり、問題が発生しています。
<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を削除したいです。
<div/>
#cube1
と文字列変数を渡すことができる新しい JavaScript 関数を作成したいと思いますad
。
この関数は、文字列の内容をスクリプトに挿入し<div/>
たり、スクリプトを実行したりします。基本的には、jQuery のhtml()
関数と同じことを行う必要があります。
これは動作しません:
document.getElementById( 'cube1' ).innerHTML = ad;
スクリプト (アラート) を実行するために必要です。
どんな助けでも大歓迎です!