for(...in***)を知ったので使ってみる

JavaScriptにおけるオブジェクトの基本的性質というCodezineの記事を読んでfor inループというのを発見。C#のforeachのようなものとい思っていたのですが別物でした。
右クリックした下のタグの内容表示を書き換えて、より多くの情報を表示できるようにしてみました。

javascript:(function(){b=document.body;b.insertAdjacentHTML('beforeEnd','<span id=\'f\' style=\'z-index:0;position:absolute;background-color:white;border:1px solid;padding:2px;\'></span>');b.oncontextmenu=function(){e=event;e.returnValue=false;x=b.scrollLeft+e.clientX;y=b.scrollTop+e.clientY;p=e.srcElement;f.style.left=x;f.style.top=y;t='';for(i in p) {if(p[i]&&p[i].length>0)t+='<br>'+i+'='+p[i];}f.innerHTML=p.tagName+t;}})()

innerHTMLなども出力されるのでいまいち

もうちょっといじってみるかな