続・ブックマークレット

昨日のブックマークレットの続きです。class 固定だと何かと不便なので、プロンプト出して class を指定できるようにしました。

javascript:(function(){var i;var c;var len=document.getElementsByClassName(c=prompt('class','')).length;for (i = 0; i < len; i++) {document.getElementsByClassName(c)[i].style.outline = '1px solid red';}})();

こうなると、色も指定したくなるのでさらに修正。

javascript:(function(){var i;var c;var s;var len=document.getElementsByClassName(c=prompt('class','')).length;s='1px solid '+prompt('color','');for (i = 0; i < len; i++) {document.getElementsByClassName(c)[i].style.outline = s;}})();

で、IRC で taken さんに見せたら、ちょっと添削してくださいました。それが以下のコード。

javascript:(function(){var i;var c;var s;var elems=document.getElementsByClassName(c=prompt('class',''));var len=elems.length; s='1px solid '+prompt('color','');for (i = 0; i < len; i++) {elems[i].style.outline = s;}})();

これで、css のデバッグがかなりしやすくなりました。もっとも getElementsByClassName が使える UA でないと動きません。（コペ