rel="canonical"なページに誘導するGreasemonkey

rel="canonical"なページに移動するリンクがほしかったので作った．
画面の下のほうにリンクが出て，押すとcanonicalなページに移動できる．

http://gist.github.com/261625

// ==UserScript==
// @name           canonical-link
// @namespace      http://www.hatena.ne.jp/hitode909
// @include        *
// ==/UserScript==

(function() {
     if (window != window.parent) {
         return;
     }
     var link = document.querySelector('link[rel="canonical"]');
     if (link && link.href != location.href) {
         var button = document.createElement('a');
         document.querySelector('body').appendChild(button);
         button.appendChild(document.createTextNode('canonical'));
         console.log(button.style);
         with(button.style) {
             position = 'fixed';
             width = '100%';
             left = 0;
             bottom = 0;
             color = '#fff';
             background = '#000';
             fontSize = '24px';
             textAlign = 'center';
             textDecoration = 'none';
             margin = 0;
             padding = 0;
             fontWeight = 'bold';
             opacity = 0.5;
             zIndex = 9999;
         }
         button.href = link.href;
         console.log(button);
     }
})();

エレメントにスタイルを設定するのがちょっとめんどうだったのだけど，どうするといい感じに書けるのだろうか，と思った．