Javascript 在dom加载时隐藏内容

我正在做一个chrome的扩展，用来美化某个网站。我隐藏了domload上的所有元素，只有一个除外。但问题是，每次加载站点时，首先加载所有内容，然后将其隐藏。这是我的密码

window.onload = function(){

var all = document.getElementsByTagName("div");
var viewer = document.getElementById("viewer").style;

for (var i=0, max=all.length; i < max; i++) {
    all[i].style.visibility='hidden';
}

viewer.visibility='visible';

};

window.onload=function（）{
var all=document.getElementsByTagName（“div”）；
var viewer=document.getElementById（“查看器”）.style；
对于（变量i=0，max=all.length；i

我希望有一种比我现在做的更好的方法，基本上是加载所有内容隐藏所有内容，然后使某个组件可见。 整个过程非常缓慢，用户可以在pageload上看到我试图隐藏的内容

---

有没有办法通过javascript指定要加载的内容，或者让整个过程足够快，让它不被注意到？

jQuery就是你的朋友。它非常快

$(document).ready(function() {
  $('div').not('#viewer').hide();
});

---

窗口。onload

是错误的事件。您需要更快地执行代码。