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

Question

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

我正在尝试创建一个图像，设置它的 ID，然后尝试“获取”元素，我总是想出“null”

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

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

如果我的 HTML 中有一个带有 id 集的实际图像，那么“getElementByID”会按预期工作。我确定我在这里遗漏了一些基本或琐碎的东西，但我不知道更好。发生了什么，我如何获得我想要的行为。

Answer 1

document.getElementById 只处理文档中的元素。由于 gearImg 不是文档的一部分，因此它不返回任何内容。试着先把它放在某个地方，例如:

 document.body.appendChild(gearImg)

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