错误：加载js文件时，找不到其中调用的对象

最新推荐文章于 2024-07-04 19:00:00 发布

十年4646454sdg5sagsa

最新推荐文章于 2024-07-04 19:00:00 发布

阅读量1.3k

点赞数

分类专栏： js 文章标签： html错误记录

本文链接：https://blog.csdn.net/a12336487213/article/details/102612883

版权

js 专栏收录该内容

47 篇文章 0 订阅

订阅专栏

-"Uncaught TypeError: Cannot set property 'innerHTML' of null"错误。

当把javascript放在底部就解决了错误。

错误原因为document中的innerHTML为空，也就是说在加载js文件时，找不到其中调用的对象

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>骰子游戏</title>

</head>
<body>
<div id="message">

</div>
</body>
</html>
<script language="javascript">
    function guess() {
        var str;
        if (result){
            return;
        }
        var guess = prompt("你猜色子是几点？");
        if (guess==a){
            str="猜中了！";
            document.write("<img src='imgs/"+a+".png'/>");
            result = true;
        }
        else if(guess>a){
            str=("猜大了！");
        }
        else{
            str=("猜小了！");
        }
        document.getElementById("message").innerHTML= str;
    }
    var a = Math.random();
    var result=false;
    a=Math.floor(a*6)+1;
    console.info(a);
    guess();
    guess();
    guess();

</script>