使用Javascript无效工作将内容附加到div

Question

我有一个用于解密的Javascript代码，现在我想在div中显示解密字符串。 我尝试使用以下代码。

<script src="http://crypto-js.googlecode.com/svn/tags/3.1.2/build/rollups/aes.js"></script>

<script>
    var decrypted = CryptoJS.AES.decrypt("dsfsdffd", "dsfsdf");
    var dec = decrypted.toString(CryptoJS.enc.Utf8);

    document.getElementById("display1").innerHTML = dec;
</script>

<div id="display1"></div>

但上面的代码不起作用。 我做错了什么。 有什么解决方案吗？

Answer 1

那是因为在将div添加到DOM之前执行了脚本。 将您的脚本移到div下面，最好在</body>标记之前。

Answer 2

既然你用jQuery标记了这个问题，那么这就是jQuery解决方案

 $(document).ready(function () {
   var decrypted = CryptoJS.AES.decrypt("dsfsdffd", "dsfsdf");
   var dec = decrypted.toString(CryptoJS.enc.Utf8);
   $("#display1").html(dec);
 });

在这里，您可以将脚本放在元素之前。