消す(IE6不可)

JavaScript::Bookmarklet の「消す」を自分なりに書き直しました*1。
マウスオーバーでブロック要素の背景色が薄いグレーになります。クリックすると非表示にします(removeではない)。
Esc を押すとイベントが解除*2され、2回押すと最初の表示状態に戻ります。
bookmarklet:
javascript:(function(){var d=document,n=d.body.getElementsByTagName('*'),A='addEventListener',P='stopPropagation',S='style',B='backgroundColor',V='visibility',i=0,f=1,r=[];function E(e){var b=e.style[B],v=e.style[V];e[A]('mouseover',function(ev){if(f){ev[P]();e[S][B]='#DDD'}},false);e[A]('mouseout',function(ev){if(f){ev[P]();e[S][B]=b}},false);e[A]('click',function(ev){if(f){ev[P]();e[S][V]='hidden';}},false);r.push(function(){e[S][B]=b;if(!f)e[S][V]=v});}for(;i<n.length;i++){if(d.defaultView.getComputedStyle(n[i],'').display!='block')continue;E(n[i])}d[A]('keyup',function(e){if(e.keyCode==27){for(i=0;i<r.length;i++)r[i]();f=0}},false);})()
改行付き:

(function(){
    var d=document,
        n=d.body.getElementsByTagName('*'),
        A='addEventListener',
        P='stopPropagation',
        S='style',
        B='backgroundColor',
        V='visibility',
        i=0,
        f=1,
        r=[];
    function E(e){
        var b=e.style[B],v=e.style[V];
        e[A]('mouseover',function(ev){if(f){ev[P]();e[S][B]='#DDD'}},false);
        e[A]('mouseout',function(ev){if(f){ev[P]();e[S][B]=b}},false);
        e[A]('click',function(ev){if(f){ev[P]();e[S][V]='hidden';}},false);
        r.push(function(){e[S][B]=b;if(!f)e[S][V]=v});
    }
    for(;i<n.length;i++){
      if(d.defaultView.getComputedStyle(n[i],'').display!='block')continue;
      E(n[i])
    }
    d[A]('keyup',function(e){
      if(e.keyCode==27){
        for(i=0;i<r.length;i++)r[i]();
        f=0
      }
    },false);
})()

blog なんかでサイドバーが本文に被っちゃってる場合とかで使えそうです。

*1:Opera9.25(9.5b)でGoogleトップページの「ウェブ全体から検索」をクリックすると落ちるよ!

*2:正確には違うけど