javascriptでの日付表示ができません。

###前提・実現したいこと
javascriptで日付を表示させたいです。
###発生している問題・エラーメッセージ
ネットから見つけたコードをそのまま使わせていただいたのですが、
google chrome のjavascriptコンソールで確認したところ、

index.js:1 Uncaught TypeError: Cannot set property 'innerHTML' of null
at index.js:1

というエラーメッセージが出てしまいます。
HTMLでidも指定したのですが、、
原因がどうしてもわかりません。お分かりになる方がいましたら、どこを変えればいいのか教えてください。
よろしくお願いします。

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="UTF-8">
5    <title>Info</title>
6    <link rel="stylesheet" type="text/css" href="style.css">
7    <script type="text/javascript" src="index.js"></script>
8
9</head>
10<body>
11    <div class="header">
12        
13    </div>
14
15    <div class="main">
16
17   
18                </div>
19
20
21  <div id='today' class='content'>
22         <h2 class="title"><span id="view_today"></span>の情報</h2>
23                       
24
25
26
27</div>
28
29<div class="footer">
30       
31    </div>
32

Javascript
1document.getElementById("view_today").innerHTML = getToday();
2
3function getToday() {
4	var now = new Date();
5	var year = now.getFullYear();
6	var mon = now.getMonth()+1; //１を足すこと
7	var day = now.getDate();
8	var you = now.getDay(); //曜日(0～6=日～土)
9
10	//曜日の選択肢
11	var youbi = new Array("日","月","火","水","木","金","土");
12	//出力用
13	var s = year + "年" + mon + "月" + day + "日 (" + youbi[you] + ")";
14	return s;
15}