如何在文档完全加载之前但在元素存在之后执行javascript？

我正试图为google.com编写一个非常简单的用户内容脚本，但问题是google的源代码很长。我想在文档中有一个元素的瞬间，但在整个文档加载之前，用javascript执行代码

本质上，我不想在加载页面的其余部分之前更改图像的源。我还想用一个特定的id修改某个其他div中的html。但是，我不想在开始之前等待文档的其余部分加载

我怎样才能做到这一点？我正在使用jquery。

试试这个：

这将向元素添加一个事件侦听器，并将等待它完全加载，直到它运行函数doSomething

希望这有帮助。

试试这个：

这将向元素添加一个事件侦听器，并将等待它完全加载，直到它运行函数doSomething

---

希望这有帮助。

检查是否可以将此脚本直接放在元素下面？或者，您是否只能将脚本放置在固定位置，如，并且需要检测元素何时可用？这可能是XY问题吗@EvanKennedy是后者。@A.Wolff我不这么认为，因为内容脚本就是脚本。我必须使用javascript。检查您是否能够将此脚本直接放在元素下面？或者，您是否只能将脚本放置在固定位置，如，并且需要检测元素何时可用？这可能是XY问题吗@EvanKennedy是后者。@A.Wolff我不这么认为，因为内容脚本就是脚本。我必须使用javascript。代码执行时元素不存在。代码执行时元素不存在。

var element = $([TagName]) || document.getElementsByTagName([TagName])[[occurance]];

function doSomething() {
  // Do some magic.
}

element.addEventListener("load", doSomething, false); // Notice no brackets after the function call.