编程语言
首页 > 编程语言> > javascript – TypeError:getElementById为null

javascript – TypeError:getElementById为null

作者:互联网

<html>
    <head>
        <script type="text/javascript">
            var image = document.getElementById(image);
            var desc = document.getElementById(desc);
            var images = ["http://i.imgur.com/XAgFPiD.jpg", "http://i.imgur.com/XAgFPiD.jpg"]
            var descs = ["1", "2"]
            var num = 0;
            var total = images.length;
            function clicked(){
                 num = num + 1;
                 if (num > total){
                    num = 0;
                 }
                 image.src = images[num];
                 desc.innerHTML = images[num];
            }
            document.getElementById(submit).onclick(clicked());
        </script>
    </head>
<body>
    <div><h2>Project |</h2><h2> | herbykit</h2></div>
    <div>
        <button id="submit">Next</button><br/>
        <img id="image" src="http://i.imgur.com/XAgFPiD.jpg" height="20%" width="50%"/>
        <p id="desc">first desc.</p>
   </div>
</body>
</html>

行“document.getElementById(submit).onclick(clicked());”抛出错误
    “ReferenceError:未定义提交”

当我尝试访问按钮时
[通过getElementsByClassName&的getElementsByTagName]
它给出了一个错误“ReferenceError:按钮未定义”

在getElementById中使用字符串会抛出错误“getElementById为null”

我发现了几个问题和答案.

由于使用了PHP而且其他大多数错误都是错误的,因此我只知道如何实现.我发现的其他解决方案涉及数字错误.
在这个错误上,我尝试修复printwindow.document.getElementById(..等
这给了我一个错误“ReferenceError:printwindow没有定义”

解决方法:

浏览器会尽快运行JavaScript以加快渲染速度.所以当你收到这个代码时:

<html>
    <head>
        <script type="text/javascript">
            var image = document.getElementById(image); // Missing quotes, typo?

……在中间运行.没有< foo id =“image”>在页面上,所以你得到null.最后,您将获得呈现的其余页面,包括:

<img id="image" src="http://i.imgur.com/XAgFPiD.jpg" height="20%" width="50%"/>

对你的代码来说已经太晚了,它很久以前就完成了.

您需要绑定一个window.onload甚至处理程序并在DOM准备好时运行您的代码(或者将所有JavaScript移动到页面底部,在图片之后).

标签:getelementbyid,referenceerror,javascript,dom
来源: https://codeday.me/bug/20191003/1850456.html