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

Question

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

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

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

Answer 1

试试这个:

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

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

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

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

希望这对您有所帮助。