JavaScript | 指定要素をクリックしてページ遷移できるようにする。マウスポインタも指アイコンに変更

JavaScriptでヘッダー画像やその他指定した要素をクリックした際にページ遷移出来るようにする方法のメモ。またマウスポインタも指アイコンになるようCSSで設定します。

指定IDクリック時にホームへ遷移させる

<script>
document.getElementById("header").onclick = function() {
	location.href = '/';
}
</script>

マウスポインタを矢印から指アイコンに変更

<style>
#header {
    cursor: pointer;
}
</style>