JavaScript で id や name 属性でオブジェクトにアクセスする

<a href="/" id="backlink" name="backlink">&lt;戻る</a>
上記 a 要素があるとする。スクリプトから href 属性をコントロールしたいので、
id と name を明示的に指定して名前付けをしてある。
しかし、例によって UserAgent によって、名前でのアクセスの仕方が異なる。

- パターン

alert(window.document.links['backlink'].href);
alert(document.links['backlink'].href);
alert(links.['backlink'].href);
alert(backlink.href);

調査結果は省略するが、Mozilla と IE でそれぞれどの表記にも対応している訳ではなく、両方で使用できるパターンは無かった。

複数のブラウザに対応させる良い方法は無いだろうか?
Google で javascript オブジェクト 有無 判定を検索すると、もじら組のページがヒットした。

ブラウザ判別とオブジェクト検出 - Web標準普及プロジェクト
http://www.mozilla.gr.jp/standards/webtips1004.html

オブジェクトが存在するかどうかを直接チェックする方法だ。汎用的な手法ということで、このコードを使うことにした。

ブラウザ判別に代わる方法として、実際に使いたいオブジェクトの有無を判定するオブジェクト検出という方法があります。

function toggleLayer2(id){
  if (document.getElementById) {
      if (document.getElementById(id).style.visibility == "hidden") {
        document.getElementById(id).style.visibility = "visible";
      } else {
        document.getElementById(id).style.visibility = "hidden";
      }
  } else if (document.all) {
    if (document.all(id).style.visibility == "hidden") {
      document.all(id).style.visibility = "visible";
    } else {
      document.all(id).style.visibility = "hidden";
    }
  } else if (document.layers) {
    if (document.layers[id].visibility == "hide") {
      document.layers[id].visibility = "show";
    } else {
      document.layers[id].visibility = "hide";
    }
  }
}