Ctrl+右クリックしたタグの属性を書き換えるブックマークレット

IE6のみ動きます・・・

javascript:(function(){document.body.oncontextmenu=function(){e=event;if(e.ctrlKey){
e.returnValue=false;em=e.srcElement;for(i=0;i<4&&em;i++){st=em.style;B="border";W="Width";
C="Color";S="Style";b1=st[B+W];b2=st[B+C];b3=st[B+S];st[B]='1px solid red';
tn=em.tagName;if(confirm('change '+tn+'?')){v=prompt('attr=val','');if(v&&v.length>0){
xp=v.split("=");if(xp.length==1){eval('em.'+xp[0]);}else if(xp.length==2){em[xp[0]]=xp[1];}
i=9999;}}st[B+W]=b1;st[B+C]=b2;st[B+S]=b3;em=em.parentElement;}}}})()

#改行を取り除いて1行に直してから実行してくださいm(_ _)m


Ctrl+右クリックしたタグの属性の書き換え、メソッドの呼び出しができます。

  1. Ctrl+右クリックしてタグを選択します
  2. タグが赤枠で囲まれ、確認メッセージボックスが表示されます
  3. 「キャンセル」をクリックすると、親ノードを選択して2.に戻ります(4回目のキャンセルで終了)
  4. 「OK」をクリックすると、入力メッセージボックスが表示されます
  5. 属性変更スクリプトを入力して、OKを押すことで属性が変更されます

属性変更スクリプトの入力方法

スクリプト内に=が存在するかどうかで動作が変わります

1:属性の書き換え(=がある場合)

attribute=value

と入力すると属性を書き換える
例えば

size=100

とするとサイズが変わります

2:メソッドの呼び出し(=がない場合)

method(param)

と入力すると、タグのメソッドを呼び出す
例えば

removeAttribute('disabled')

とするとdisabledの項目が変更可能になります