使用变量时文档getElementById为null，需要加载javascript才能找到id

我试图建立html，将交互使用隐藏或无，同时建立一个99瓶啤酒的脚本显示当前的诗句。一舔就把它藏起来，然后拿出下一节

因为页面已呈现，所以我正在构建的id为空

如何让整个脚本运行id可以被引用

瓶
//声明全局变量
var MaxCount=10；
var bottleCount=maxBottleCount；
var瓶装水=瓶装水计数-1；
var myID=“”；
var myIDOld=“”；
doBottles（瓶装水计数、瓶装水）；
多功能瓶（瓶数、瓶数）
{
//	
//document.getElementByID（myID）.addEventListener（“onclick”，redo（myID，MyIdod）；
如果（瓶数>0）{
//警报（瓶数）；
var textBottleCount=bottleCount.toString（）；
var textBlottledown=blottledown.toString（）；
//设置id以便我可以停止程序
myIDOld=myID；
myID=“\”buildBeer“+textballettcount+”\”；
//警报（myID）；
//myID=“\”buildBeer“+textballettcount+”\”；
//document.getElementById（myId）.onclick=redo（myId）
var=”；
myHTML=“
”+textballettcount+“瓶子”+textballettdown+“瓶子”+“
”；
var i=1；
//警报（myHTML）；
（我你能更具体地描述一下你的问题吗？我不太明白你不能实现什么

1.注意打字错误。
您有一个输入错误。它是
document.getElementById
，而不是
document.getElementById


2.了解其他功能
我可以看到很多字符串操作来获得正确的ID。如果你有这么多

3.使用你的控制台
下次调试时，请尝试使用Google开发工具（Google chrome中的Ctrl+Shift+J）为了获得有关错误的更具体信息。我确信有类似于
未定义不是方法
之类的东西，您只是没有查找它。
错误是什么？错误在哪里？问题是它在添加事件句柄之前显示所有页面。当javascript隐藏了异常。那么问题是什么呢？它记录了任何异常吗？你能在小提琴或一些粘贴纸上给我们看吗？
<img class="myImage" src="smth.jpg" />
<img class="myImage" src="smth.jpg" />
<img class="myImage" src="smth.jpg" />

var images = document.getElementsByClassName("myImage");