JavaScript記述の順序 - Web徒然なるままに

1.HTMLを書く。
2.要素を取得する。
3.データを定義する
4.要素を追加する
5.初期表示を行う
6.次の動作を表示する
7.処理を見直す（関数化する）

⇒1.HTMLを書く

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>要素の取得</title>
<script src="slide.js"></script>
</head>
<body>
<div id="photo"></div>
</body>
</html>

⇒2.HTML内のScriptが取得するid「photo」より先に書かれているため
　　HTMLの構築が終わるまで待つ必要があります。
　　getElementById('photo');をonload を使わずに記述した場合nullになります。

window.onload = function(){
	var photo = document.getElementById('photo');
　　　　 console.log(photo);
}