JavaScriptでドキュメントのAnchorの位置までスクロールさせる

今日はJavaScriptでアンカー（<a>タグ）の名前を指定して画面をスクロールさせる方法を紹介します。
まずはJavaScriptのコードです。

function focusAnchor() {
    var anchors = document.anchors;
    anchors['target'].focus();

    // idでアンカーを取得する場合
//    var anchor = document.getElementById('target');
//    anchor.focus();
}

特に難しい処理はありません。目的のアンカーを取得してfocus()を呼び出しているだけです。
続いてHTMLのコードです。

target

HTML側では一点注意しなければいけないことがあります。それは

• アンカータグには必ずhref属性が必要（これがないとfocus()が反応してくれないようです）

以下サンプル
















target