javascript - Javascript:通过元素ID设置/获取元素

我已经很长时间没有使用javascript了，所以如果我的问题看起来很愚蠢，请多多包涵。

我试图创建图像，设置其ID，然后尝试“获取”元素，我总是想出“空”

  var gearImg = new Image();
  gearImg.id = "logoGear";
  gearImg.src = "img/gear-fun.png";

  var gear = document.getElementById("logoGear");
  // null?
  alert(gear);

如果我在HTML中有一个设置了ID的实际图像，则“getElementByID”将按预期工作。我敢肯定，这里我缺少一些基本的或琐碎的东西，但是我不知道有什么更好的。发生了什么，以及如何获得所需的行为。

最佳答案

document.getElementById仅处理文档中的元素。由于gearImg不属于文档的一部分，因此不返回任何内容。尝试先将其放置在某个位置，例如:

 document.body.appendChild(gearImg)

(我的DOM技能也很使用rust ，我不确定这是否行得通。为什么我们不简单地使用jQuery？)