我已经有很长一段时间没有涉及JavaScript了，所以如果我的问题看起来很愚蠢，请您见谅。
我正在尝试创建一个图像，设置它的ID，然后尝试“获取”该元素，但是我总是得到“null”。
var gearImg = new Image();
gearImg.id = "logoGear";
gearImg.src = "img/gear-fun.png";
var gear = document.getElementById("logoGear");
// null?
alert(gear);
document.getElementById仅处理文档中的元素。由于gearImg不是文档的一部分，它返回空值。尝试先将其放在某个位置，例如：
document.body.appendChild(gearImg)
(我的DOM技能也有点生疏，我不确定这样是否有效。为什么我们不直接使用jQuery呢？)
var gearImg = new Image();
gearImg.id = "logoGear";
gearImg.src = "img/gear-fun.png";
document.body.appendChild(gearImg); // add to body tag
var gear = document.getElementById("logoGear");
alert(gear);
<img>的src路径错误（404），或者2）<body>标签尚不存在。通常最好在HTML标记中最后运行这些类型的DOM操作。如果在DOM未完成渲染的情况下在head中运行操作，则会引发错误。 - John Giottadocument.body.appendChild(gearImg);
或者：
someElement.appendChild(gearImg);
然后您可以调用document.getElementById('logoGear');
document.getElement....时，您应该收到nothing。
var gearImg = new Image();
gearImg.id = "logoGear";
gearImg.src = "img/gear-fun.png";
document.body.appendChild(gearImg);
var gear = document.getElementById("logoGear");
alert(gear);
元素尚未添加到DOM中，因此不在document内。
您可以通过创建时使用的句柄 - gearImg访问刚创建的图像。
虽然与您的问题无关，但您应该绝对使用JavaScript框架，例如jQuery。
因为您的文档中没有添加齿轮，所以 document.getElementById("") 只能与已经存在于文档页面上的元素（如表格、行）一起使用。
这是因为document.getElementById用于访问DOM中的元素，但在您的脚本中创建的对象仅存在于内存中，而不在文档中。
实际上，由于它存在于内存中，您不需要以这种方式访问它 - 您已经在变量中拥有它。
您实际上要实现什么目标？如果您只需要在页面中的现有元素中添加图像，则需要先找到该现有元素并添加到其中。
我认为我还应指出，您可能会发现使用jQuery是最简单的方法。它使得轻松处理页面内容变得非常容易。